如何在具有悬停效果的传单地图中添加方形瓷砖？答案

【问题标题】：How to add square tiles to leaflet map with hovering effect?如何在具有悬停效果的传单地图中添加方形瓷砖？
【发布时间】：2013-12-08 19:53:43
【问题描述】：

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

我还尝试使用小册子的几何对象绘制正方形。但它会导致性能问题，有时会显示 500+ 个方块。

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

更新：

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

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

【问题讨论】：

标签： javascript css gis leaflet tiles-game

【解决方案1】：

这听起来像是创建 UTFGrid 的确切原因！ This site 链接到我学习UTFGrid时使用的教程，很扎实。

更新后更新：

MarkerCluster 可能具有您所追求的外观/感觉，它们基本上将多边形绘制到地图图层上。可以查看源码here，这里有相关的sn-p：

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

【讨论】：

感谢您的回答，我刚刚更新了我的问题。所以实际上我试图避免使用 utfgrid（我不知道如何生成）来改变颜色或以某种方式突出显示该区域。
好的，所以你想要像markercluster一样突出显示的东西？ leaflet.github.io/Leaflet.markercluster/example/…