[Vue] vue-baidu-map 升级为 3.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'
    });
},
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容