在聚合物谷歌地图中缩放事件
Zooms events in Polymer Google Map
我正在开发一个应用程序,它将根据用户位置动态加载标记。如果用户缩小,地图应该向地图添加事件。对于地图,我们使用的是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"这样的事件触发。唯一可行的是"谷歌地图准备好了"。
请帮。
尝试将事件监听器添加到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>
相关文章:
- 如何缩放地图框传单中的标记单击事件
- 使用缩放脚本化事件绘制 HTML 图表
- 使用缩放javascript触发谷歌地图点击事件
- 谷歌地图API v3:缩放更改后是否有回调或事件侦听器
- 缩放更改了诺基亚此处地图的事件
- 缩放事件侦听器之前的 Javascript OpenLayers
- 像谷歌新闻一样的缩放事件
- 在 d3.js 中传播缩放事件
- 谷歌地图缩放事件
- 缩放事件传播未停止
- 如何在高图中缩放缩放事件的svg路径
- 在聚合物谷歌地图中缩放事件
- Openlayers-3:如何将缩放事件绑定到控件或文档
- 谷歌地图JavaScript API捏缩放事件
- 我们是否有办法对用户缩放事件做出反应
- 根据缩放事件更改amChart Serial中的dataProvider
- 在现有SVG上应用缩放事件(d3.js v4)
- 防止缩放事件中的d3平移值移动超出界限
- event.prventDefault();之后在iOS Safari上手动缩放事件处理;
- 如何保持浏览器的缩放和使用hammer.js的缩放事件