网站首页 编程技术 正文

vue3-使用百度地图遇到的坑-地图实例化

2023-04-12编程技术108314

1、创建地图实例

原因：在使用vue3为了只定义一次地图实例，在所有方法中使用，直接使用如下定义方式：

 setup() {

    const data = reactive({

      bmap: null,}）

    const initMap = () => {

      data.bmap = new BMapGL.Map("container"); // 创建Map实例

}}

　　导致问题：地图上没有任何标注信息

解决方式：

 setup() {

    const data = reactive({

      bmap: null,}）

      const initMap = () => {

      map = new BMapGL.Map("container"); // 创建Map实例

      data.bmap = map;

      }

   }

最终效果：

vue3-使用百度地图遇到的坑-地图实例化的相关教程结束。

本文地址：https://www.ufcn.cn/tutorials/2453778.html

如非特殊说明，本站内容均来自于网友自主分享，概不代表本站观点，如有任何问题我们都将在收到反馈后的第一时间进行处理！