传单的栅格地图答案

【问题标题】：Raster Map for leaflet传单的栅格地图
【发布时间】：2016-10-24 00:51:57
【问题描述】：

我正在使用传单开发应用程序。我需要在我的设备上离线保存一些地图数据。

为此，我尝试下载一些openstreetmap图块。

我想知道是否有一种简单的方法可以创建我的区域的光栅图像，以及如何将它们添加到传单上。

谢谢。

【问题讨论】：

标签： leaflet openstreetmap raster

【解决方案1】：

根据您的要求，可能会有很多数据（整个 OpenStreetmap tileset would consume 54TB disk space）。

Leaflet.TileLayer.PouchDBCached/ 可能是您的解决方案，this question 有一些关于不同实现的注释。

【讨论】：

【解决方案2】：

您始终可以参考在地图的特定边界上加载和显示单个图像，使用示例代码对特定图像进行地理参考

示例 1：

var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
    imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];

L.imageOverlay(imageUrl, imageBounds).addTo(map);

完整的资源可以在这里找到： http://leafletjs.com/reference.html#imageoverlay

示例 2：

或者从这个伟大而详细的分步教程中获得更强大的东西：

http://build-failed.blogspot.hr/2012/11/zoomable-image-with-leaflet.html

希望对你有帮助

【讨论】：