使用百度地图文档setMapStyleV2不起作用怎样解决?

场景:

当我们需要使用百度地图定义自定义的样式时,设置自定义样式,配置完成拿到样式id时不起作用,有两种解决方案


1、查看vue版本问题

在public文件夹下的index.html中引入的script标签内容

原本的引入:

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=AK值"></script>

更改之后:

<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=AK值"></script>

将v=2.0改为v=3.0版本问题

2、在创建实例时,使用的ref定义,所以在定义时需要加上.value才可以生效

具体代码:

// 地图嵌入

    const baiduRef = ref();
    const map = ref();
    const point = ref();
    const marker = ref();

    function initMap(lng = 116.405725, lat = 39.935362) {
      map.value = new BMap.Map(baiduRef.value);
      point.value = new BMap.Point(lng, lat);
      //   console.log(point.value, 858585);
      marker.value = new BMap.Marker(point.value);

      map.value.centerAndZoom(point.value, 15);
      map.value.enableScrollWheelZoom(true); //滚轮缩放
      map.value.addOverlay(marker.value);
      //   样式id,加上.value
      map.value.setMapStyleV2({
        styleId: "样式ID",
      });

    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值