Google 地图事件实例讲解

网络编程 发布日期：2024/10/3 浏览次数：1

正在浏览：Google 地图事件实例讲解

Google 地图事件

点击标记缩放地图

我们仍然使用上一遍文章使用的英国伦敦的地图。

点用户点击标记时实现缩放地图的功能(点击标记时绑定地图缩放事件)。

代码如下：

<html>
<head>
<script
src="/UploadFiles/2021-04-02/js">


使用 addListener() 事件处理程序来注册事件的监听。该方法使用一个对象，一个事件来监听，当指定的事件发生时 函数将被调用。




重置标记




我们通过给地图添加事件处理程序来改变 'center' 属性，以下代码使用 center_changed 事件在3秒后标记移会中心点:




实例





<html>
<head>
<script
src="/UploadFiles/2021-04-02/js">


点击标记时打开信息窗口。




点击标记在信息窗口显示一些文本信息：




实例





<html>
<head>
<script
src="/UploadFiles/2021-04-02/js">


设置标记及打开每个标记的信息窗口




当用户点击地图时执行一个窗口




用户点击地图某个位置时使用 placeMarker() 函数在指定位置上放置一个标记，并弹出信息窗口：




实例





<html>
<head>
<script
src="/UploadFiles/2021-04-02/js">


以上就是对Google 地图事件的基础知识整理，后续继续补充相关知识，谢谢大家对本站的支持！


        

        

            
上一篇：Google 地图控件集详解及实例代码

            
下一篇：Google 地图叠加层实例讲解

        

        
一句话新闻
高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。