2017-07-10 9 views
-1

あなたは、このページを見れば:https://banting.co.za/find-a-coach/ズームレベル - Googleマップ、国

あなたが世界地図にはほとんど重複自体が表示されます、それはプラグインである、しかし は単純なものがあり、私は世界を作るために行方不明です繰り返さずにマップを適合させるか?

/** *すべての位置がスクリプトをマップ */ jQueryの(関数($){

$(document).ready(function(){ 
    loadmap(); 
}); 

function loadmap() 
{ 
    var locations = wpsl_locator_all.locations; 
    var mapstyles = wpsl_locator.mapstyles; 
    var mappin = (wpsl_locator.mappin) ? wpsl_locator.mappin : ''; 
    var bounds = new google.maps.LatLngBounds(); 

    var mapOptions = { 
      mapTypeId: 'roadmap', 
      mapTypeControl: false, 
      zoom: 8, 
      styles: mapstyles, 
      panControl : false 
     } 
    if (wpsl_locator.custom_map_options === '1') mapOptions = wpsl_locator.map_options; 

    var infoWindow = new google.maps.InfoWindow(), marker, i; 
    var map = new google.maps.Map(document.getElementById('alllocationsmap'), mapOptions); 

    // Loop through array of markers & place each one on the map 
    for(i = 0; i < locations.length; i++) { 
     var position = new google.maps.LatLng(locations[i].latitude, locations[i].longitude); 
     bounds.extend(position); 

     var marker = new google.maps.Marker({ 
      position: position, 
      map: map, 
      title: locations[i].title, 
      icon: mappin 
     }); 

     // Info window for each marker 
     google.maps.event.addListener(marker, 'click', (function(marker, i){ 
      return function() { 
       infoWindow.setContent(locations[i].infowindow); 
       infoWindow.open(map, marker); 
       wpsl_all_locations_marker_clicked(marker, infoWindow) 
      } 
     })(marker, i)); 

     // Center the Map 
     map.fitBounds(bounds); 
     var listener = google.maps.event.addListener(map, "idle", function() { 
       if (locations.length < 2) { 
       map.setZoom(13); 
      } 
      google.maps.event.removeListener(listener); 
     }); 
    } 

    // Fit the map bounds to all the pins 
    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) { 
     google.maps.event.removeListener(boundsListener); 
    }); 

    wpsl_all_locations_rendered(map); 

} // loadmap() 

})。

+0

に少なくともあなたの幅を修正することをお勧めしますよ。https://stackoverflow.com/questions/20498210/display-world-map-with -no-repeats – user8284082

答えて

0

高さと幅の比率を一定に保つ必要があります。 あなたのズームレベルがこれ以下の場合は特にです。

私はこの質問を見てお勧めしない100%

+0

このjavascriptが見つかりました: – Pixel

関連する問題