google地图添加悬浮提示框(InfoWindow)js版本

本文目录
  • 正文

在上一篇文章利用jquery解析Google Map的geocode地址数据 中,我们成功解析出Google Map的Geocode数据,是用js的alert方法处理的,这种方法有点简单,用户体验很不好,本文将采用Google Map的InfoWindow方法来处理。

效果如图:

实现代码:

infowindow = new google.maps.InfoWindow();//创建一个提示框,变量必须全局变量,否则函数无法使用
infowindow.setContent('test');//设置提示框内容
infowindow.setPosition(new google.maps.LatLng(20.23,70.34));//定位
infowindow.open(map);//地图上展现

说明:

最后一句的infowindow.open(map)中的map表示之前用做显示地图的图层。例如:

var map = new google.maps.Map(document.getElementById("map_canvas"),

如您有疑问,可在文末留言,或到QQ群提问。

本站QQ群:291616564 麻辣GIS

微信公众号:malagis,扫描右边二维码直接关注。

微信捐助麻辣GIS 支付宝捐助麻辣GIS

如果本文对您有所帮助,欢迎对我们团队进行打赏捐助,让我们在传播3S的路上可以走得更远。


作者:,GIS爱好者。
分享本文,请您带上本文链接

发表评论