vue-cli中使用百度地图api

1、申请AK:https://lbsyun.baidu.com/apiconsole/key
Description{{{width=500}}}

2、index.html中引入 javascript

<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=你的AK"></script>

3、直接在组件中使用

<div id="container"></div>

<script>
    name: "App",
    created() {
        this.$nextTick(function(){
            var map = new BMap.Map("container");
            // 创建地图实例
            var point = new BMap.Point(116.404, 39.915);
            // 创建点坐标
            map.centerAndZoom(point, 15);
        })
    },
</script>
posted @ 2021-06-11 14:15  做个笔记  阅读(440)  评论(0编辑  收藏  举报