在聚合物Google地圖中放大事件

Question

我正在研究一個應用程序，該應用程序將根據用戶位置動態加載標記。如果用戶縮小，地圖應該將事件添加到地圖。對於我們使用Polymer的Google Map的地圖。我很難找出如何對縮放事件做出反應。我們增加了一個圖的頁面：

<google-map latitude="45" longitude="-73" zoom="15" mouseEvents="true" clickEvents="true"></google-map>

我嘗試了好幾種不同的js事件處理器如：

<script> 
var map = document.querySelector("google-map"); 
console.log(map); 
map.addEventListener("bounds_changed", function() { 
alert(map.zoom); 
}); 
</script> 

我甚至無法獲得的事件，如「谷歌地圖點擊「 開火。似乎工作的唯一一個是「谷歌地圖準備」。

請幫忙。

Answer 1

嘗試將事件監聽器添加到map屬性而不是google-map元素。

像這樣的東西給你所有變焦改變

<script type="text/javascript"> 
    var mapElement = document.querySelector("google-map"); 
    mapElement.addEventListener('api-load', function(e) { 
     google.maps.event.addListener(this.map, 'zoom_changed', function() { 
     // handle zoom event... 
     }); 
    }); 
    </script>