android百度地图拖拽地图定位,百度地图的定位以及拖拽(显示坐标位置)

搜索热词

79004652截图示例

79004652

fd79e4f982a04c3343d72d7adbc0b60c.png

html{height:100%}

body{height:100%;margin:0px;padding:0px}

#map_canvas{

margin:0 auto;

border:2px solid #f9f7f6;

width:80%;

height:80%;

}

var map = new BMap.Map("map_canvas");          // 创建地图实例

var initLat = 39.916527;

var initLng = 116.397128;

var point = new BMap.Point(initLng,initLat);  // 创建点坐标

map.centerAndZoom(point,13);                 // 初始化地图,设置中心点坐标和地图级别

//var marker = new BMap.Marker(point);        // 创建标注

//map.addOverlay(marker);                     // 将标注添加到地图中

map.enableScrollWheelZoom();                            // 启用滚轮放大缩小

map.addControl(new BMap.NavigationControl());           // 启用放大缩小 尺

//获取当前位置

var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function(r){

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

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

mk.addEventListener("dragend",showInfo);

mk.enableDragging();    //可拖拽

getAddress(r.point);

map.addOverlay(mk);//把点添加到地图上

map.panTo(r.point);

}else {

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

}

});

//绑定Marker的拖拽事件

function showInfo(e){

var gc = new BMap.Geocoder();

gc.getLocation(e.point,function(rs){

var addComp = rs.addressComponents;

var address = addComp.province +  addComp.city + addComp.district + addComp.street + addComp.streetNumber;//获取地址

alert(address);

//画图 ---》显示地址信息

var label = new BMap.Label(address,{offset:new BMap.Size(20,-10)});

map.removeOverlay(mk.getLabel());//删除之前的label

mk.setLabel(label);

//alert(e.point.lng + "," + e.point.lat + ","+address);

});

}

//获取地址信息,设置地址label

function getAddress(point){

var gc = new BMap.Geocoder();

gc.getLocation(point,function(rs){

var addComp = rs.addressComponents;

var address =  addComp.province +  addComp.city + addComp.district + addComp.street + addComp.streetNumber;//获取地址

alert(address);

//画图 ---》显示地址信息

var label = new BMap.Label(address,-10)});

map.removeOverlay(mk.getLabel());//删除之前的label

mk.setLabel(label);

});

}

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值