google地图API实现动画轨迹(三)

本文介绍如何在Google地图API中实现点击坐标点弹出InfoWindow,并确保地图上仅显示一个InfoWindow。通过在点击事件中关闭当前显示的InfoWindow并打开新的InfoWindow,确保了良好的用户体验。
摘要由CSDN通过智能技术生成

原文地址 点这

# google地图点击弹出InfoWindow,同时关闭上一个InfoWindow

因为项目需求原因,需要实现以下功能:
- 点击地图上的每个坐标标记后显示其坐标信息
- 当有多个点时,地图上只能存在一个infowindow
解决思路如下:
首先给出google地图infowindow的一个示例用法(https://developers.google.com/maps/documentation/javascript/examples/event-closure?hl=zh-cn
示例中为每个坐标点添加了点击事件,弹出一个infowindow,在此窗口上显示信息,具体不在赘述,示例中得源码很简单。
可是我们会发现,当我们点击一个点弹出infowindow,然后不去手动关闭,在点击下一个点时,先前的那个ingowindow仍然留在地图上,当点击的很多时,就会是这种效果了:

相信这会让使用这套系统的人疯掉的,那么如何解决这个问题呢?很简单,每当我们打开一个新的infowindow时就关闭上一个infowindow,查询google地图API,发现infowindow给开发人员提供了close()这个方法,这下一切事情就好办了。解决思路:
首先需要一个存取info

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值