打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Google Map API使用详解(二十)——实现Google Map本地搜索框(下)

2、使用自定义的JSGoogle Map API中的GClientGeocoder

其实Google Map API中提供了一个GClientGeocoder类来实现地址译码,即实现地名与坐标的转换,这个是需要从客户端提交地名来查找数据库从而返回坐标值。

先看下面的代码:

var rpoint;

var map = new GMap2(document.getElementById("GMapContainer"));

var geocoder = new GClientGeocoder();

geocoder.getLatLng(str,function(rpoint){

       //alert(str);

    if(!rpoint){

        alert(str+" 无法解析地址");

    }

    else{

              //alert(rpoint);

        map.setCenter(rpoint,15);  

            var marker = new GMarker(rpoint);        

            map.addOverlay(marker);        

            marker.openInfoWindowHtml("欢迎查看"+str+"地图");

              map.enableDoubleClickZoom();

              map.enableScrollWheelZoom();

              map.enableContinuousZoom();

              map.addControl(new GLargeMapControl())

              map.addControl(new GOverviewMapControl());

              map.addControl(new GScaleControl());

              map.addControl(new GMapTypeControl());

              new GKeyboardHandler(map);

              //map.enableGoogleBar();

    }

});

       从上面的代码可以看出,geocoderGClientGeocoder类的一个实例,再通过方法

geocoder.getLatLng(str,function);

来获取地名str相对应得地理坐标值,再通过GMap2类的map对象来展现地图。由此可见,使用自定义的方法需要两次查询谷歌地图的服务器。当然从效率上来讲,还是不如GoogleBar好,也没有GoogleBar好用,但是在某些场合,还是很有必要的。

参考示例:MyApp2.html.

(此系列完结)


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
10分钟学会Google Map API (二) - Google观察者 - ITPUB个...
玩玩Yahoo Map
百度地图API地理位置和坐标转换
Google Static Maps API的支持服务(组图)
【百度地图API】如何制作多途经点的线路导航
我要研究google的map的api,下面是资料
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服