javascript - 单击使用 map 框后如何使标记默认

Question

我有标记，如果我点击一个标记，它会变大，如果我点击另一个标记，两个标记都会变大。但我希望最新点击的标记被放大，其余为默认值。请帮忙。

TS:

map.on("click", "points" + i, e => {
      this.showStory = true;
      this.id = undefined;
      this.mapData = e.features[0].properties
      console.log(this.mapData.field[0]);
      map.setPaintProperty(e.features[0].layer.id, 'circle-radius', 20); 
    });

请任何人帮助。

代码在这个插件中: http://plnkr.co/edit/6F5Ax2PXwJb74vN0KCU1?p=preview

Answer 1

因为你取了不同的坐标，把coordinartes的点击逻辑改成，

map.on("click", "points" + i, e => {
      console.log(e)
      this.id = undefined;
      this.mapData = e.features[0].properties
      console.log(this.mapData.field);
      for(var i=0; i< coOrdinates.length; i++) {
        map.setPaintProperty('points'+i, 'circle-radius', 15); 
      }
      map.setPaintProperty(e.features[0].layer.id, 'circle-radius', 20); 
    });

Here is the updated plunker