百度地图的实现

1.申请百度地图开放平台AK秘钥

2.创建一个服务端应用(上线应该用公司帐号申请并做IP限制)

3.提交后会得到一个AK然后调用JS代码

4.具体代码如下:

百度地图的定位

// 百度地图API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(108.95,34.27);

map.centerAndZoom(point,12);

var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function(r){console.log(r.point)

if(this.getStatus() == BMAP_STATUS_SUCCESS){

var mk = new BMap.Marker(r.point);

map.addOverlay(mk);//标出所在地

map.panTo(r.point);//地图中心移动

//alert('您的位置:'+r.point.lng+','+r.point.lat);

var point = new BMap.Point(r.point.lng,r.point.lat);//用所定位的经纬度查找所在地省市街道等信息

var gc = new BMap.Geocoder();

gc.getLocation(point, function(rs){

var addComp = rs.addressComponents; console.log(rs.address);//地址信息

alert(rs.address);//弹出所在地址

});

}else {

alert('failed'+this.getStatus());

}

},{enableHighAccuracy: true})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本来想用图吧的API来做的,结果弄了下,在手机上弄不了。换用百度地图了。。本功能个人觉得在很多地方用到,先记下来,...
    niunan阅读 2,065评论 0 2
  • New Document html{height:100%}body{height:100%;marg...
    200813阅读 620评论 0 0
  • 无论是有用还是无用的培训,无论是有针对性调查的培训还是一场没有来由的培训。哪怕只是做到有人来听,有人来讲,它也是...
    zhiliner阅读 153评论 0 0
  • 做人是一门艺术活,其实我是一个怕孤独的人,所以有的时候努力的希望别人愿意和我玩,可是有的时候太好了就变成老好人,慢...
    玩笑太逼真阅读 143评论 0 0
  • Day 0 : 17:50出发,从广州飞成都,大概20:20到了成都双流机场。随后就去了住宿的地方,住在桐梓林,我...
    Wenchao阅读 385评论 2 0