百度地图的使用之简单绑定事件
添加点击事件:
map.addEventListener("click", function (e) {
var pointMarker = new BMap.Point(e.point.lng, e.point.lat); // 创建标注的坐标
$("#SelfPoint").text(e.point.lng + "," + e.point.lat);//显示点击后坐标点
addMarker(pointMarker);//添加标注到地图上
geocodeSearch(pointMarker);//通过点击的标注坐标,查询地址
});
拖动:
function dragend(marker) {
marker.addEventListener('dragend', function (e) {
var pointMarker = new BMap.Point(e.point.lng, e.point.lat); // 创建标注的坐标
$("#SelfPoint").text(e.point.lng + "," + e.point.lat);//显示拖动后坐标点
geocodeSearch(pointMarker);//通过拖动变换了的标注坐标,查询地址
})
}
标注时添加拖动事件:
function addMarker(point) {
map.clearOverlays();//清除拖动前的标注
//设置可以拖动,默认不能拖动
var marker = new BMap.Marker(point, {
"enableDragging": true
});
map.addOverlay(marker);
dragend(marker);
}
地址查询:
function geocodeSearch(pt) {
var myGeo = new BMap.Geocoder();
myGeo.getLocation(pt, function (rs) {
var addComp = rs.addressComponents;
$("#SelfCity").text(addComp.city);
});
}
浙公网安备 33010602011771号