百度地图或者高德地图开发

18587次浏览

前段时间写个html5的一个关于定位的文章,getCurrentPosition,在web端,只要你允许,就可以通过手机网页获取到你的当前坐标(经纬度)。那么获取这些坐标有什么用呢?

我现在就来说下作用,获取你当前的坐标,就可以定位你当前的位置,就可以通过百度地图或者高德地图,获取你周边的公交、餐饮、娱乐设施等等。这些设施可以在地图上展现,并可以获取到这个位置的距离,路线等等。

看了我上面的介绍,你是不是觉得这些在web端实现很困难?

错!这些在web端实现起来也很简单,只要你允许定位,我拿到你的经纬度,就可以通过百度或者高德地图的API获取到周边信息!那么下面让我们来看下地图周边的API吧!

我们先来看下高德地图周边的案例吧! http://lbs.amap.com/api/javascript-api/example/l/1202-2/

用高德地图周边搜索插件“AMap.PlaceSearch”来完成的。PlaceSearch差价中有用searchNearBy等等,可以通过关键词来搜索到周边的信息。

代码可以参考如下写法:

function placeSearch() {
            var MSearch;
            //加载服务插件,实例化地点查询类 
            AMap.service(["AMap.PlaceSearch"], function() {
                MSearch = new AMap.PlaceSearch({
                    city: "北京"
                });

                MSearch.searchNearBy("酒店", cpoint, 500, function(status, result){
                    if(status === 'complete' && result.info === 'OK'){
                        placeSearch_CallBack(result);
                    }
                });
            });
        }

关于高德地图的周边,我做过一个案例,大家可以参考一下。具体代码我就不公开了,因为这是我们项目中用到的一小部分!

告诉大家一下地址吧,看代码你懂得,我写的代码也比较通俗!

地图周边的案例,案例先拿掉了!

关于地图,还有很多功能!今天就先说到这里!(PS 地图还可以获取整条轨交线路、区域等等、还可以根据缩放、拖拽事件进行变化等等!)

还有点得聚合显示:http://lbs.amap.com/api/javascript-api/example/e/0515-4/ 等等!

百度地图其实也是类似的,大家有兴趣可以去看下,demo地址:http://developer.baidu.com/map/jsdemo.htm#a1_2

百度地图应用案例大家可以看:http://www.iwjw.com/chuzu/map/

今天就说到这里,详细的后面在细说!

Tags: 地图js地图开发

相关文章: