麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

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"),
麻辣GIS-Sailor
作者:
GIS爱好者,学GIS,更爱玩GIS。
微博关注
手机阅读
赞赏支持
手机阅读
微信捐助麻辣GIS
微信打赏
支付宝捐助麻辣GIS
支付宝打赏

声明

1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

3.如果本文对您有所帮助,请您对我们团队进行 打赏捐助让我们在传播3S的路上可以走得更远,不胜感激。PS:如果你是学生党,请优先把经费用于购买学习资料 以及 与小哥哥/小姐姐约会上:-)

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

QQ群(一):291616564 加入QQ群

QQ群(二):166408035 加入QQ群

QQ群(三):627853279 加入QQ群

QQ群(四):436386604 加入QQ群

QQ群(五):606176554 加入QQ群

QQ群(六):946178380 加入QQ群

QQ群(七):861271808 加入QQ群

新疆互助群:910717627 加入QQ群

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

发表评论