vue-baidu-map切换到卫星地图
时间: 2023-11-22 13:38:49 浏览: 80
您可以使用以下代码来将vue-baidu-map切换到卫星地图:
```
<template>
<baidu-map ak="您的密钥" version="3.0" @ready="onMapReady">
<bm-switcher></bm-switcher>
</baidu-map>
</template>
<script>
export default {
methods: {
onMapReady({ BMap, BMAP_STATUS_SUCCESS }) {
const map = new BMap.Map("map");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
const switcher = new BMap.MapTypeControl({
anchor: BMAP_ANCHOR_TOP_LEFT,
mapTypes : [BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP],
});
map.addControl(switcher);
},
},
};
</script>
```
在以上代码中,我们使用`bm-switcher`组件来创建一个地图类型切换器,并调用`addControl`方法将其添加到地图上。使用`mapTypes`属性来指定切换的地图类型,其中`BMAP_NORMAL_MAP`表示普通地图,`BMAP_SATELLITE_MAP`表示卫星地图。
阅读全文