bm地图坐标移动不过去

发布网友发布时间：2023-08-03 14:54

共1个回答

热心网友时间：2024-12-13 00:03

bm地图坐标移动不过去
1.方法一地图移动事件中给大头针赋值中心点坐标
this.map.addEventListener("touchmove", ()=>{
console.log("---mapTouchmove---")
this.pin.setPosition(this.map.getCenter())
})

这种大头针会一跳一跳不行
2.方法二
//计算地图的尺寸以得出中心点应该所处的位移距离
var m_height=(map.getSize().height-24)/2;
var m_width=(map.getSize().width-19)/2;
// 定义一个控件类,即function
function ZoomControl(){
// 默认停靠位置和偏移量
this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
this.defaultOffset = new BMap.Size(m_width,m_height);
}
// 通过JavaScript的prototype属性继承于BMap.Control
ZoomControl.prototype = new BMap.Control();

// 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回
// 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中
ZoomControl.prototype.initialize = function(map){
// 创建一个DOM元素
var div = document.createElement("div");
//div.innerHTML='aaaa';
// 添加文字说明
// 设置样式
div.style.width = "19px";
div.style.height = "24px";
div.style.cursor = "pointer";
div.style.background="url(images/markers_default.png) center no-repeat";
// 绑定事件,点击一次放大两级
div.onclick = function(e){
map.setZoom(map.getZoom() + 2);
}
// 添加DOM元素到地图中
map.getContainer().appendChild(div);
//alert(map.getContainer().style.width);
// 将DOM元素返回
return div;
}
var myZoomCtrl = new ZoomControl();
// 添加到地图当中
map.addControl(myZoomCtrl);