如何使用悬停效果将方块添加到传单地图?

时间:2013-12-08 19:53:44

标签: javascript css gis leaflet tiles-game

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

我还试图用小叶的几何对象绘制正方形。但它导致性能问题,有时会出现500多个方块。

如果你开发出类似的东西,你更喜欢哪种方法? UTFGrid?以GeoJSON /几何?或者也许还有其他更好的解决方案?

更新

其实我不想让数据属于square的区域我只是想改变方块的颜色不知何故我的意思是某种方式我想突出那个区域也许我可以在用户鼠标悬停时动态创建一个矩形。

我试图避免使用UTFGrid进行突出显示。但我想确保UTFGrid是唯一的方法。

1 个答案:

答案 0 :(得分:1)

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

更新后更新:

MarkerCluster可能具有您想要的外观,它们基本上将多边形绘制到地图图层上。您可以查看来源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);
            }
    },