南京微云信息科技有限公司
服务热线 : 025-81032698

当前位置: 首页 > 睿风学院 > 网站建设知识

网站建设知识

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

2016-08-­01

前段时间写个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/

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


转自 Haorooms

 

上一篇:可是姑娘,你为什么要编程呢?

下一篇:jQuery判断和验证密码强度