有点用的Leaflet方法

原创已于 2023-10-31 16:43:48 修改 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #前端框架

于 2023-10-11 17:22:05 首次发布

Leaflet 专栏收录该内容

3 篇文章

订阅专栏

文章介绍了如何为L.Circle、L.Rectangle和L.Polygon对象添加contains方法检查点是否在区域内，以及如何在LayerGroup中一次性添加多个子层并使其继承父类功能。

一、判断某个点是否在矢量区域内。本身没有contains方法，只添加一个偷懒的方法。

L.Circle.include({
  contains: function (point) {
    let bounds = this.getBounds()
    return bounds.contains(point);
  },
});

L.Rectangle.include({
  contains: function (point) {
    let bounds = this.getBounds()
    return bounds.contains(point);
  },
});

L.Polygon.include({
  contains: function (point) {
    let bounds = this.getBounds()
    return bounds.contains(point);
  },
});

二、LayerGroup一次性添加多个点，写LayerGroup的话featureGroup中也会继承。

L.LayerGroup.include({
  addLayers: function (list) {
    for (let i = 0; i < list.length; i++) {
      let layer = list[i]
      // this.addLayer(layer)
      var id = this.getLayerId(layer);

  		this._layers[id] = layer;

  		if (this._map) {
  			this._map.addLayer(layer);
  		}
    }
  },
});