openlayers 添加图标并转态判断

qq_44374388

已于 2022-09-19 17:29:00 修改

阅读量136

点赞数

分类专栏： openlayers 文章标签：前端

于 2022-06-23 17:07:57 首次发布

本文链接：https://blog.csdn.net/qq_44374388/article/details/125430874

版权

openlayers 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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;
    },