『公告』 预祝您龙年大吉,万事如意, 过节期间, 大家如需数据服务,请拨打400 或直接添加客服微信,再祝大家龙年,心想事成。
关注我们 新浪 腾讯

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

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

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

 

       效果如图:

 

 

      实现代码:

 

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"),

      京ICP备2025132830号-1 京公网安备 号