vue3-bmapgl

vue3-bmapgl

BMapGL 的 vue3 绑定，参考 react 版

Todo

• Map
• CustomOverlay
• Polyline
• Polygon
• Circle
• Label
• Marker
• InfoWindow
• ZoomControl
• NavigationControl3D
• ScaleControl
• MapvglLayer

安装

npm install vue3-bmapgl

使用

在此之前您仍需要手动引入 bmapgl https://api.map.baidu.com/api?type=webgl&v=2.0&ak=您的密钥"

import { Map, CustomOverlay } from 'vue3-bmapgl'

<Map ref="mapComp">
    <CustomOverlay position="116.41088,39.798774">custom overlay</CustomOverlay>
    <CustomOverlay :position="[116.41088, 39.898774]">custom overlay</CustomOverlay>
    <CustomOverlay :position="{lng: 116.41088, lat: 39.998774}">custom overlay</CustomOverlay>
</map>

Map

props

获取 map 实例

setup() {
    const mapComp = ref()
    onMounted(() => {
        console.log(mapComp.value?.map)
    })
    return { mapComp }
}

CustomOverlay

props

Circle

Polygon

Polyline

Marker

NavigationContral3D

ScaleControl

ZoomControl