LeafletJS中的自定义瓷砖还具有精确的地理位置

Question

我对自定义地图图块感兴趣，并使用here和here的建议，我已经对此进行了实验。对于原型，我做了一个非常令人讨厌的星际迷航联盟地图，有一些情节链接让你绕着行星/系统等移动。

虽然这对于奇幻般的地点来说一切都很好，但我也有兴趣使用真实世界位置的大量风格演绎，但仍然使用真正的lat,lng点。因此，例如，一个定制的，但大部分是地理上准确的伦敦地图，切成瓷砖，但如果你传递lat,lng坐标为Camden Tube（51.53911 -0.14235），你会移动到那个位置。

您是否有任何想法如何配置LeafletJS来实现这一目标，而无需使用带有自定义图块的Google地图？

Answer 1

如果我理解正确，您有两种不同的应用程序：

• 您的星际迷航地图，您满意。
• 现实世界的程式化地图，您希望真正的lat,lng坐标准确无误？

那么您的问题是如何创建自定义图块，以便Leaflet在通过真正的伦敦坐标时显示伦敦的风格化视图？

在这种情况下，可能只是正确编号您的瓷砖。或者相反，修改Leaflet用于构建切片URL的切片编号。对于后一种解决方案，请参阅Specifying Lat & Long for Leaflet TileLayer

Answer 2

我不太确定你的意思＆＃34; 主要是 geo准确＆＃34;。听起来你可能只想从某些来源（如OpenStreetMap）生成自己的地图图块。在这种情况下，TileMill（虽然有点过时）可能是最简单的方法。

基本上有三个部分：

1. 生成一些地图图块（例如TileMill）
2. 托管他们（例如TileStream）
3. 点传单