mapbox中3d图层的显示与隐藏

由于mapbox加载过慢，所以我没有在初始化的时候添加图层，而是给了一个按钮控制图层的添加与删除，加快地图的加载速度，先看效果



mapbox地图的展示在上一篇博客：https://blog.csdn.net/qq_41186500/article/details/103509936


1、html部分添加一个控制图层显示与隐藏的按钮

<div>
	<el-button @click="add3dLayers">{
  { addLayerFlag }}</el-button>
</div>
<div id='map'></div>

2、 javascript部分

• 设置按钮初始值为：添加图层
• 添加图层、删除图层用到两个函数：addLayer()、removeLayer()
• 由于添加图层代码较多，我就把添加图层单独拎出来，用到的时候直接调用就行了

data() {
   
	return {
   
		map: {
   },
		addLayerFlag: '添加图层'
	}
},
mounted()