Растровая карта для листовки

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

Надеется, что это помогает