google地图添加悬浮提示框(InfoWindow)js版本
发布时间: 2013-12-01
所属分类: GIS探秘
在上一篇文章利用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"),
相关阅读
声明
1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。
2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。
手机阅读
公众号关注
知识星球
手机阅读
最新GIS干货
私享圈子