美文网首页
[Vue] vue-baidu-map 升级为 3.0

[Vue] vue-baidu-map 升级为 3.0

作者: 卓灬不凡 | 来源:发表于2022-05-28 13:29 被阅读0次

    vue-baidu-map 里面使用的Api是2.0 ,setMapStyleV2 方法是 3.0 中的。所以需要把对应api 升个级。

    • 步骤1:将node_modules/vue-baidu-map/components 整个文件夹复制出来
    • 步骤2:在src的components文件夹里新建vue-baidu-map文件夹,并把复制的文件粘贴进去
    • 步骤3:将如图里的2.0改成3.0
    • 步骤4:main.js中更改你复制之后存放的路径
    • 步骤5(这一步貌似也不用加):index.html文件里引入
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=key"></script>
    

    再去使用地图样式时可以直接在组件里添加@ready="handle"

    handle({map,BMap}){
        map.setMapStyleV2({
        styleId: '在官方个性编辑器里申请的id'
        });
    },
    

    相关文章

      网友评论

          本文标题:[Vue] vue-baidu-map 升级为 3.0

          本文链接:https://www.haomeiwen.com/subject/ktpiprtx.html