vue 和react使用百度地图除了配置不一样外基本上其他的都一样
配置请参考:https://blog.csdn.net/jjw_zyfx/article/details/101783138
百度地图几个常用的参数的说明
参考文档:http://lbsyun.baidu.com/index.php?title=jspopular
去掉左下边的图标:react中经试验可行
在样式中添加这两个样式即可
.BMap_cpyCtrl {
display: none!important;
}
.anchorBL {
display: none!important;
}
vue 中暂时我还没试出来,但是其他人说可行
vue中需要写成如下的代码方即可去掉
/deep/.BMap_cpyCtrl {
display: none!important;
}
/deep/.anchorBL {
display: none!important;
}
设置中心点:
两种方式:
第一种方式根据城市名字直接设置: 这种设置方式用的估计很少,因为一般程序中也不知道城市名字
第二种方式就是根据经纬度
移动百度地图中心点位置:
获取当前位置:
设置新的定位图标marker
注意如果需要控制icon的背景大小可以参考
清空所有的图标的方式是
var map = new BMap.Map("#id");
清除某个覆盖物:
根据地址获取经纬度 和根据经纬度获取地址
输入一个地址获取周边信息