传单的栅格地图

Question

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

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

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

感谢。

Answer 1

根据您的要求，可能是大量数据（整个OpenStreetmap tileset would consume 54TB disk space）。

Leaflet.TileLayer.PouchDBCached/可能是您的解决方案，this question对不同的实施方式有一些注意事项。

Answer 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

希望有所帮助