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

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

今天就说到这里，详细的后面在细说！