Google Map Event 谷歌地图事件

原创于 2017-06-28 11:06:29 发布 · 7.9k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#谷歌地图 #事件 #绑定 #event #google

JavaScript 同时被 3 个专栏收录

37 篇文章

订阅专栏

地图

32 篇文章

订阅专栏

谷歌地图

2 篇文章

订阅专栏

本文详细介绍了使用谷歌地图API时可触发的各种事件及其用途，包括点击、拖拽、地图边界改变等事件，并提供了示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例：

var map = new google.maps.Map(document.getElementById("map"), {
     center: new google.maps.LatLng(39.915, 116.404),
     zoom: 10
});

//地图绑定事件
google.maps.event.addListener(map,"click",function(event){
    console.log('触发点击事件');
});

事件	说明
bounds_changed	地图边界改变时触发
center_changed	地图中心点改变时触发
click	点击时触发
dblclick	双击时触发
drag	拖拽时触发
dragstart	拖拽开始时触发
dragend	拖拽结束时触发
heading_changed	地图标题改变时触发
idle	平移或缩放后地图空闲时触发
maptypeid_changed	地图类型发生改变时触发
mousemove	鼠标移动时触发
mouseout	鼠标移出时触发
mouseover	鼠标移入时触发
projection_changed	投影发生改变时触发
resize	当div更改大小时，开发人员应触发此事件：google.maps.event.trigger(map, ‘resize’)
rightclick	鼠标右键点击时触发
tilesloaded	可见图块完成加载时触发
tilt_changed	地图倾斜属性改变时触发
zoom_changed	地图缩放时触发