如何使用谷歌地圖API在谷歌地圖上繪製矩形

Question

我是新來的stackoveflow，任何人可以幫助我如何使用谷歌API v3繪製矩形，我經歷了一些谷歌示例我得到了下面的代碼，

function initialize() { 

    var coachella = new google.maps.LatLng(33.6803003, -116.173894); 
    var rectangle; 

    var myOptions = { 
    zoom: 11, 
    center: coachella, 
    mapTypeId: google.maps.MapTypeId.TERRAIN 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 

    rectangle = new google.maps.Rectangle(); 

    google.maps.event.addListener(map, 'zoom_changed', function() { 

    // Get the current bounds, which reflect the bounds before the zoom. 
    var rectOptions = { 
     strokeColor: "#FF0000", 
     strokeOpacity: 0.8, 
     strokeWeight: 2, 
     fillColor: "#FF0000", 
     fillOpacity: 0.35, 
     map: map, 
     bounds: map.getBounds() 
    }; 
    rectangle.setOptions(rectOptions); 
    }); 
} 

但是，它的變焦事件（變焦chanages），我想出來的事件簡單的功能，請幫我

Answer 1

map.getBounds（）可能返回不期望的界限時，稱爲早期（立即在實例化地圖之後）。

你可以使用tilesloaded代替

google.maps.event.addListenerOnce(map, 'tilesloaded', function() { 
    /*your code*/ 
    });