我正在寻找一个自定义的地图库,但不是要显示实际的地理区域,而是要显示自定义的平面图。我已经寻找了一段时间,但发现的大多数解决方案都是针对地理区域的。
我想自定义一些缩放级别(大概3个级别),理想情况下,我正在寻找JavaScript,HTML5(画布,SVG)解决方案。
有没有人有什么建议?
我正在寻找一个自定义的地图库,但不是要显示实际的地理区域,而是要显示自定义的平面图。我已经寻找了一段时间,但发现的大多数解决方案都是针对地理区域的。
我想自定义一些缩放级别(大概3个级别),理想情况下,我正在寻找JavaScript,HTML5(画布,SVG)解决方案。
有没有人有什么建议?
Answers:
我一直在使用自己的图片地图制作自己的地图应用程序。我们的大学搬到了一个新的校园,我正在从手绘地图中绘制出7层(室内),具有5个缩放级别的地图。
Leaflet可以使用自定义地图图块!我遵循了本指南(omarriott.com/aux/leaflet-js-non-geographical-imagery),只是我对缩放级别编号进行了一些尝试和错误,以确保地图显示出来(严格按照指南进行操作为我工作)。
有一个名为Leaflet Indoor的插件,但它依赖于我没有的geoJson。我所拥有的只是自定义图片坐标和我自己的自定义Json。无论如何,传单可以使用unproject和project方法将图片坐标转换为lat lng(反之亦然)。
我创建不同楼层的方法是改用图层控件。当然,要弄清楚该API并确保一切正常工作需要花费一些时间。例如,我将每个楼层的标记归为一组,并编码了一种在不同缩放级别上很好地渲染它们的方法。装载不同的地板需要处理人员正确装载标记。
我知道Leaflet有大量依赖于地理地图的示例,这可能会使像我们这样的人处于黑暗之中,但是我想向您保证,对于自定义地图也可以做到这一点。您需要该图像,将其正确平铺(使用正确的名称),将其加载到Amazon之类的CDN上,然后使用Leaflet API。