vue2中使用百度地图BMapGL
2023-12-28 15:58:35
1、npm 命令安装
npm install vue-bmap-gl --save
2、main.js 中文件引入
import VueBMap from 'vue-bmap-gl'
import 'vue-bmap-gl/dist/style.css'
VueBMap.initBMapApiLoader({
// 百度的key
ak:'*********',// 这个密钥请使用自己注册的
})
Vue.use(VueBMap)
3、页面调用
<template>
<div id="container" /></div>
</template>
import { lazyBMapApiLoaderInstance } from 'vue-bmap-gl'
<script>
export default {
data() {
return {
map:null
}
},
mounted() {
this.initMap();
},
methods: {
initMap() {
let that = this;
lazyBMapApiLoaderInstance.load().then(() => {
that.map = new BMapGL.Map("container", {
restrictCenter: false,
});
})
}
}
}
</script>
5 、寄语
往事不可追,那些曾经的遗憾,错过了就放下吧;
那些强求不来的,就让它随风而去吧。
重要的是,专注眼前,活好当下。
我们不能预测未来,但可以决定以什么样的状态来迎接未来。
珍惜自己当下拥有的幸福,带着这份感恩与知足,才能创造更多的幸福。
文章来源:https://blog.csdn.net/qq_41238459/article/details/135268247
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!