使用百度地图API进行地图交互-优快云博客

本文链接：https://blog.youkuaiyun.com/liuzishang/article/details/83543146

这篇博客介绍了如何使用百度地图API创建地图实例、设置中心点、禁用双击缩放、启用滚轮缩放、获取当前城市并设为中心点、监听地图事件如拖动、点击和缩放等。此外，还展示了如何添加地图控件，以及如何实现围栏功能，包括添加、编辑和删除围栏的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

添加引用文件

常用js接口

var map = new BMap.Map("map"); // 创建地图实例
var point = new BMap.Point(116.307852, 40.057031); // 创建点坐标
map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别
map.disableDoubleClickZoom()//禁用双击事件
map.enableScrollWheelZoom();//设置地图可使用滚轮放大和缩小

//去除百度地图下边的logo
$('#map div.anchorBL').hide();

//获取当前地址设为地图中心点
var myCity = new BMap.LocalCity();
myCity.get(function (result) {
var cityName = result.name;
map.setCenter(cityName);
});

//addEventListener监听事件 dragend拖动 click点击
//center中心 lng经度 lat纬度
map.addEventListener("dragend", function () {
var center = map.getCenter();
alert("地图中心点变更为：" + center.lng + ", " + center.lat);
});

//e为监听得到的事件对象 e.point为点击的区域
map.addEventListener("click", function (e) {
alert(e.point.lng + ", " + e.point.lat);
});

//zoomend为缩放 this.getZoom()可以获取缩放的级别
map.addEventListener("zoomend", function () {
alert("地图缩放至：" + this.getZoom() + "级");
});

//第一次点击获取监听的坐标第二次点击移除监听
//removeEventListene