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