關於百度地圖縮放和拖拽的回撥函式
阿新 • • 發佈：2019-02-02
1.縮放的回撥函式
| zoomstart | {type, target} | 地圖更改縮放級別開始時觸發觸發此事件 |
| zoomend | {type, target} | 地圖更改縮放級別結束時觸發觸發此事件 |
a、實現縮放動作開始時，返回地圖中心點座標：
map.addEventListener("zoomstart",
function(evt){ var cp
= map.getCenter(); alert(cp.lng + "," +
cp.lat);});
|
b、實現縮放結束獲取當前地圖bounds值：
map.addEventListener("zoomend",
function(evt){
var offsetPoint
= new BMap.Pixel(evt.offsetX,
evt.offsetY); //記錄滑鼠當前點座標<br>
alert(offsetPoint.x+","+offsetPointY);
});
|
2.拖拽的回撥函式
| dragstart | {type, target, pixel, point} | 開始拖拽地圖時觸發 |
| dragging | {type, target, pixel, point} | 拖拽地圖過程中觸發 |
| dragend | {type, target, pixel, point} | 停止拖拽地圖時觸發 |
在<script></script>中引入相應程式碼
a、實現拖拽動作開始時，返回覆蓋物的地理區域範圍：
map.addEventListener("dragstart",
function(evt){
console.log(evt);
var cp
= map.getBounds();
console.log(evt);
});
|
b、實現拖拽過程中獲取當前地圖bounds值：
map.addEventListener("dragging",
function(evt){
var offsetPoint
= new BMap.Pixel(evt.offsetX,
evt.offsetY); //記錄滑鼠當前點座標<br>
alert(offsetPoint.x+","+offsetPointY);
});
|
c、實現拖拽結束時，返回地圖中心點座標：
map.addEventListener("dragend",
function showInfo(){
var cp
= map.getCenter();
alert(cp.lng
+ "," +
cp.lat);
});
|