yb简单点 2022-10-21 09:43 采纳率: 50%
浏览 435
已结题

高德地图自定义marker并定时更新marker,先清除原先marker不起作用

问题遇到的现象和发生背景 需要把自定义图标定时刷新,就是定时替换成后端传过来的数据,用this.map.clear()方法清除再重新渲染图标,但是不起作用
用代码块功能插入代码,请勿粘贴截图

-

mounted() {
  this.getData() // 获取数据
  this.map.clear()
}
 // initMarker(AMap) 再初始地图中调用
 initMarker(AMap) {
      this.list.forEach((item) => {
        var IconImg = new AMap.Icon({
          // 图标尺寸
          size: new AMap.Size(80, 40),
          // 图标的取图地址
          // image: require('../assets/icon_btk41kc4q9m/Bus.png'),
          image: item.icon,
          // 图标所用图片大小
          imageSize: new AMap.Size(40, 20),
          // imageSize: new AMap.Size(80, 40),
          // 图标取图偏移量
          // imageOffset: new AMap.Pixel(-9, -3)
        })
        this.marker = new AMap.Marker({
          map: this.map,
          // position: this.pereptionInfoList.map(item => [item.longitude,item.latitude])[0],
          // position: [119.980915962, 30.520096745],
          position: item.position,
          // position: new AMap.LngLat(119.980915962, 30.520096745),
          icon: IconImg,
          offset: new AMap.Pixel(-35, -15), //调整图片偏移
          // offset: new AMap.Pixel(-56, -30), //调整图片偏移
          // autoRotation: true, //自动旋转
          // angle: -90 //图片旋转角度
        })
        //多点文本标记 longitude:经度   30.621637
        this.marker.setLabel({
          offset: new AMap.Pixel(10, 10), //设置文本标注偏移量
          // content: "
我是 marker 的 label 标签
"
, //设置文本标注内容 content: item.id, //设置文本标注内容 direction: 'top', //设置文本标注方位 }) }) },
  • 写回答

3条回答 默认 最新

  • 糖粥小卖铺 2022-10-21 10:25
    关注

    你这个list里应该要创建很多marker吧,但是this.marker只记录了最后创建的一个,所有用map.remove(this.marker)清除不掉所有的,如果只想保留地图的话用map.clearMap()

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 10月29日
  • 已采纳回答 10月21日
  • 创建了问题 10月21日

悬赏问题

  • ¥15 如何删除这个虚拟音频
  • ¥50 hyper默认的default switch
  • ¥15 网站打不开,提示502 Bad Gateway
  • ¥20 基于MATLAB的绝热压缩空气储能系统代码咨询
  • ¥15 R语言建立随机森林模型出现的问题
  • ¥15 中级微观经济学,生产可能性边界问题
  • ¥15 TCP传输时不同网卡传输用时差异过大
  • ¥15 请各位看看我写的属于什么算法,或者有更正确的写法?
  • ¥15 html5 qrcode 扫描器
  • ¥15 爬取网页信息并保存需要完整代码