高德地图离线版 海量点 只是单纯打点 坐标点并不能出现弹窗

     const res = await delAssessApi()

      this.dixiaList = res.data

      // let box = 2

      // this.dixiahailiang(box)

      this.map.clearMap()

      var style = [

        {

          url: jiedao,

          anchor: new AMap.Pixel(3, 3),

          size: new AMap.Size(5.5, 5.5),

        },

      ]

      this.dixiaList = this.dixiaList.map(item => ({

        lnglat: new AMap.LngLat(item[0], item[1]), // 如果数据是经纬度数组

      }))

      var mass = new AMap.MassMarks(this.dixiaList, {

        opacity: 0.8,

        zIndex: 111,

        cursor: 'pointer',

        style: style

      })

      var marker = new AMap.Marker({ content: ' ', map: this.map })

      mass.on('mouseover', function (e) {

        marker.setPosition(e.data.lnglat)

        // marker.setLabel({ content: e.data.name })

      })

      mass.setMap(this.map)

      // 调整视野以适应所有标记

      // this.map.setFitView()

     const res = await delAssessApi()
      this.dixiaList = res.data
      // let box = 2
      // this.dixiahailiang(box)
      this.map.clearMap()
      var style = [
        {
          url: jiedao,
          anchor: new AMap.Pixel(3, 3),
          size: new AMap.Size(5.5, 5.5),
        },

      ]

      this.dixiaList = this.dixiaList.map(item => ({
        lnglat: new AMap.LngLat(item[0], item[1]), // 如果数据是经纬度数组
      }))
      var mass = new AMap.MassMarks(this.dixiaList, {
        opacity: 0.8,
        zIndex: 111,
        cursor: 'pointer',
        style: style
      })
      var marker = new AMap.Marker({ content: ' ', map: this.map })
      mass.on('mouseover', function (e) {
        marker.setPosition(e.data.lnglat)
        // marker.setLabel({ content: e.data.name })
      })
      mass.setMap(this.map)
      // 调整视野以适应所有标记
      // this.map.setFitView()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值