Question

我正在开发一款可根据用户位置动态加载标记的应用。如果用户缩小，地图应该向地图添加事件。对于地图，我们使用的是Polymer的谷歌地图。我很难找到如何对缩放事件做出反应。我们在页面中添加了一个地图：

<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>

我甚至无法点击“google-map-click”等活动。似乎唯一有效的是“google-map-ready”。

请帮忙。

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>

在Polymer Google Map中缩放事件

1 个答案: