基于vue3.0的天地图组件
软件架构说明
npm i --save vue-tiandi-map-3x
import { createApp } from 'vue'
import App from './App.vue'
import TiandiMap from 'vue-tiandi-map-3x'
const app = createApp(App)
app.use(TiandiMap,{
// ak 是在天地图开发者平台申请的密钥
ak: 'YOUR_APP_KEY'
})
app.mount('#app')
<template>
<tiandi-map class="map">
</tiandi-map>
</template>
<style>
/* The container of tiandiMap must be set width & height. */
.map {
width: 100%;
height: 500px;
}
</style>