javascript - 如何将方形瓷砖添加到具有悬停效果的传单 map ？

Question

我想将我的 map 拆分为图 block /区域。所以我准备了另一层显示正方形。但是这一层充满了 .png 图像文件，所以这个方 block 没有数据/对象。

我还尝试用传单的几何对象绘制正方形。但它会导致性能问题，有时会显示 500 多个方 block 。

如果您开发类似的东西，您更喜欢哪种方法？ UTF网格？ GeoJSON/几何？或者其他更好的解决方案？

更新:

实际上我不想获取属于正方形区域的数据我只是想以某种方式更改正方形的颜色我的意思是我想以某种方式突出显示该区域也许我可以在用户鼠标悬停时即时创建一个矩形。

我尽量避免使用 UTFGrid 来突出显示。但我想确保 UTFGrid 是否是唯一的方法。

Answer 1

这听起来像是创建 UTFGrid 的确切原因! This site链接到我在学习 UTFGrid 时使用的教程，它很可靠。

更新后更新:

MarkerCluster 可能具有您想要的外观/感觉，它们基本上是在 map 层上绘制一个多边形。可以查看来源here ，这是一个相关的片段:

    _showCoverage: function (e) {
            var map = this._map;
            if (this._inZoomAnimation) {
                    return;
            }
            if (this._shownPolygon) {
                    map.removeLayer(this._shownPolygon);
            }
            if (e.layer.getChildCount() > 2 && e.layer !== this._spiderfied) {
                    this._shownPolygon = new L.Polygon(e.layer.getConvexHull(), this.options.polygonOptions);
                    map.addLayer(this._shownPolygon);
            }
    },