openlayers 添加图标并转态判断

openlayers 添加图标并转态判断

emeResponseHttp.getwater(data).then(res => {
          let li = [];
          res.result.forEach(item => {
            if (item.lng && item.lat) {
              li.push({
                xy: [item.lng, item.lat],
                list: item
              });
            }
          });
          let ass18 = {
            openes: li,
            src: window.SITE_CONFIG.imgPreUrl + "/images/open/yj/water/3.png",
            scale: 0.7,
            type: 10
          };
          this.vectorLayer22 = this.addIconMarkers(ass18);
          this.icingMap.addLayer(this.vectorLayer22);
        });
 
addIconMarkers(addIconList) {
      let startMarkerList = [];
      addIconList.openes.forEach((item, index) => {
        let startMarker = new Feature({
          type: "icon",
          geometry: new Point(item.xy),
          properties: {
            list: item.list,
            type: addIconList.type
          }
        });
        startMarkerList.push(startMarker);
      });
      let vectorLayer = new VectorLayer({
        source: new VectorSource({
          features: startMarkerList
        }),
        zIndex: 10,
        style: function(feature) {
          let data = feature.getProperties().properties;

          return new Style({
            image: new Icon({
              src: addIconList.src,
              scale: addIconList.scale
            })
          });
        }
      });
      return vectorLayer;
    },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值