1.在html中直接引入
(1)这种方式的问题就是所有页面都会渲染它
(2)使用异步加载加个async,和其他资源同步加载提速。
<script
async
src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.159/dist/mapvgl.min.js"
></script>
<!-- 如果使用到Three.js相关的图层需要引用 -->
<script
async
src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.159/dist/mapvgl.threelayers.min.js"
></script>
2.优化方法:直接下载使用
(1)下载版本 “vue-mapvgl”: “^1.0.3”
(2)安装 pnpm i -S vue-mapvgl
(3)引入 import { mapvgl } from “vue-mapvgl”;
(4)使用