初始化地图 ​

<template>
    <div id="maptalks-container" style="height: 500px;" />
</template>

<script lang="ts" setup name="maptalks-step-one">
import { onMounted, onUnmounted } from 'vue'
import { MapHelper } from 'fpi-tg-maptalks-helper/src/index'
let mapHlper: MapHelper | null = null

onMounted(() => {
    mapHlper = new MapHelper({
        mapConfig: {
            zoom: 12,
            pitch: 30,
            center: [120, 30],
        },
    })
    mapHlper.initMap('maptalks-container')
    mapHlper.setTheme('light')
    // 此为地图实例化对象
    // mapHlper.map
})

onUnmounted(() => {
    mapHlper?.destory()
})
</script>