Leaflet扩展一些小功能

最新推荐文章于 2025-12-02 21:41:05 发布

原创最新推荐文章于 2025-12-02 21:41:05 发布 · 510 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

本文介绍了对地图API进行扩展，新增了判断点是否在圆形、矩形和矢量区域内的方法。同时，对L.LayerGroup进行了改进，支持一次性添加多个图层并自动添加到地图上。

扩展了一些可有可无的小功能，方便偷懒

// 是否在圆内

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

// 图层组一次添加多个图层

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