vue项目中使用天地图

1.首先打开天地图注册账号 申请自己所用的key
网址：http://lbs.tianditu.gov.cn/home.html

2.创建自己的vue项目，这里就不说了

3.将

<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你的key"></script>

引入到你项目中的index.html文件中

4.创建map.vue文件

<template>
    <div>
        <div id="mapDiv"></div>
        <!-- <button @click = "open">点击画多边形</button> -->
    </div>
</template>
<script>
    export default {
        data(){
            return{     
        }     
    },
    created(){
        
    },
    mounted(){
        this.loadmap()
    },
    methods:{
       loadmap(){
            var map = new T.Map("mapDiv");
        //设置显示地图的中心点和级别
            map.centerAndZoom(new T.LngLat(116.40969, 39.94940), 12);