vue/react百度地图使用

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");

清除某个覆盖物：

 

根据地址获取经纬度  和根据经纬度获取地址

输入一个地址获取周边信息