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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM