API Google Maps: Ngăn việc kéo vào vùng màu xám

Question

Tôi đang sử dụng API Google Maps (v3) để hiển thị bản đồ thế giới. Khi tôi phóng to hết cỡ (để phóng to cấp 1) và bắt đầu kéo canvas, tôi có thể di chuyển ra khỏi ranh giới bản đồ và khu vực bên ngoài hiển thị màu xám. Tôi muốn ngăn người dùng kéo bản đồ ra ngoài ranh giới của bản đồ thế giới. Làm thế nào để làm điều đó?

Answer 1

Bạn có thể đặt minZoom và maxZoom để đảm bảo rằng các mức thu phóng có sẵn nằm trong ranh giới của bạn, hy vọng điều đó sẽ giúp ích?

Answer 2

google.maps.event.addListener(Map, 'drag', function(){ 

    var proj =Map.getProjection(); 
    var bounds = Map.getBounds(); 
    var sLat =Map.getBounds().getSouthWest().lat(); 
    var nLat = Map.getBounds().getNorthEast().lat(); 
    if (sLat < -85 || nLat > 85) { 
     // alert('Gray area visible'); 
     Map.setOptions({ 
       center: new google.maps.LatLng(
        cen_Lati , // set Latitude for center of map here 
        cen_Longi) // set Langitude for center of map here 
       });   
     // Map.fitBounds(boundsNew); Or Define bound that u want show 
    } 
});