Google Map not working

[wpv-layout-start]

<div id="js-main-map-canvas" class="google-maps team-map-height"></div>
[wpv-items-found]
	<!-- wpv-loop-start -->
   <ul id="js-map-elements">
      <wpv-loop>
         <li data-marker-title="[wpv-post-title]"
         data-marker-lat="[types field="latitude" output="raw"][/types]"
           data-marker-lon="[types field="longitude" output="raw"][/types]"><div class="js-map-infowindow-html">[wpv-post-link]</div></li>
      </wpv-loop>
   </ul>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		[wpml-string context="wpv-views"]<strong>No posts found</strong>[/wpml-string]
	[/wpv-no-items-found]
[wpv-layout-end]

jQuery( document ).ready(function($) {
  $("#js-main-map-canvas").wpvmap();
});

.team-map-height {
  width:515px;
  height:400px;  
}