本文主要是介绍react-amap使用地图控件,默认卫星图并隐藏控件方法(umi),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在umi函数组件下使用react-amap高德地图时遇到一个问题,就是如何设置默认卫星地图且不显示地图类型切换插件
我的初始设置方式
<Mapplugins={[{name: 'MapType',options: {defaultType: 1,visiable:false,},}]}/>
这种情况,会显示控件,但是我们要隐藏他
所以看了下文档和源码后,我这样设置
//正确方法<Mapplugins={[{name: 'MapType',options: {defaultType: 1,onCreated(ins: any) {ins.hide()},},}]}/>
在控件创建好时调用hide方法,去隐藏就可以了,这样就没有任何问题了。
还有一种方法直接通过f12定位的方式,找到对应classname,去隐藏它。
css代码如下
.amap-controls {display: none;
}
如有错误,愿批评指正。
这篇关于react-amap使用地图控件,默认卫星图并隐藏控件方法(umi)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!