vue3在百度地图创建单个标注,标注不居中问题处理
1.创建地图
map.value = new BMap.Map(“map”);//创建标注
map.value.enableScrollWheelZoom(true);//启用或禁用通过滚轮控制地图缩放
map.value.setDefaultCursor(“default”);
map.value.addEventListener(“tilesloaded”, function() {//添加事件监听器
createMarker(new BMap.Point(item.lon, item.lat));
});
2.创建标注与居中
// 获取标注
function createMarker(point) {
map.value.clearOverlays();
const myIcon = new BMap.Icon(markerRed, new BMap.Size(50, 50), {
anchor: new BMap.Size(25, 46),
});
var marker = new BMap.Marker(point, {
icon: myIcon,
});
map.value.addOverlay(marker);//创建标注
map.value.panTo(point)//居中
}
百度地图在vue3中创建单个标注居中
最新推荐文章于 2024-05-14 15:43:03 发布