TIleMill/Mapbox 多层悬停框

Question

我希望有人能够通过一些让我头疼的事情引导我朝着正确的方向前进。

因此，在 TileMill 中，您可以在不同的缩放级别激活不同的多边形图层。当然，这很好，但问题是您不能为这些层中的一个以上设置悬停框。不是很有用。

澄清一下：比如说，在缩放级别 4 时，我想看到一个州级图层，当我将鼠标悬停在密苏里州上方时，我希望出现一个框，上面写着“密苏里州：一个很棒的州”之类的内容。然后在放大 7 时，我想查看县，当我将鼠标悬停在布恩县上时，我想看到类似“布恩县：一个很棒的县”之类的内容。

在 TileMill 中，您可以为州图层或县图层设置悬停框，而不是两者。

我已经用谷歌搜索和玩代码很多小时，但还没有弄清楚如何做到这一点。 The Leaflet plugin 据称可以让您合并多个平铺层似乎不起作用。再说一次，我的 JS 技能严重缺乏，所以我可能是错的。

这里有人做到了吗？如何？我需要学习一些严肃的 Javascript，还是有更即插即用的方式来做到这一点？

非常感谢您的宝贵时间。

费多尔

Answer 1

我建议制作单独的地图图层，将它们上传到 Mapbox，然后利用 Mapbox 的服务器端交互性合成来解决这个问题。

Answer 2

您可以使用 UTFGrids 解决悬停/点击事件。

为了根据缩放级别进行区分，您需要多个 UTFGrid，一个用于缩放级别 1-4，另一个用于 5-7，等等。