Я не знаю почему, но кажется, что это работает (я вижу запрос плитки в сетевом журнале), когда масштабирование равно 1 или окружает.
Я нашел другую статью из листовки здесь: https://leafletjs.com/examples/crs-simple/crs-simple.html
И, для информации, вы можно убрать управление масштабированием с помощью zoomControl
var map = L.map('image-map', {
minZoom: 1,
maxZoom: 1,
crs: L.CRS.Simple,
zoomControl: false
}).setView([0, 0], 1);
Кажется, что работает (может видеть запросы в консоли)
var map = L.map('image-map', {
minZoom: 1,
maxZoom: 1,
crs: L.CRS.Simple
}).setView([0, 0], 1);
var southWest = map.unproject([0, 1024], map.getMaxZoom());
var northEast = map.unproject([1024, 0], map.getMaxZoom());
map.setMaxBounds(new L.LatLngBounds(southWest, northEast));
L.tileLayer('/map-tiles/map_{x}_{y}.jpg', {
}).addTo(map);
#image-map {
border: 1px solid black;
height: 250px;
}
[1119 ] Кажется, не работает (не видит запросы в консоли)
var map = L.map('image-map', {
minZoom: 20,
maxZoom: 20,
crs: L.CRS.Simple
}).setView([0, 0], 20);
var southWest = map.unproject([0, 1024], map.getMaxZoom());
var northEast = map.unproject([1024, 0], map.getMaxZoom());
map.setMaxBounds(new L.LatLngBounds(southWest, northEast));
L.tileLayer('/map-tiles/map_{x}_{y}.jpg', {
}).addTo(map);
#image-map {
border: 1px solid black;
height: 250px;
}
Ненависть, чтобы сделать это Вам, но посмотреть здесь...
Я полагаю, что USPS имеет API для некоторых запросов, необходимо изучить это.
Однако вот некоторые от вышеупомянутого ресурса:
- Adam
USPS имеет API для этого, но необходимо зарегистрироваться:
Можно получить базу данных, которая отображает почтовый индекс на долготу/широту и другую базу данных, которая обеспечивает долготу/широту для всех американских городов. Затем Вы могли просто сделать это на своей стороне, не имея необходимость отсылать в веб-сервис.
Я видел обе этих базы данных, но я не могу помнить, где найти их прямо сейчас. Я введу по абсолютному адресу вокруг и попытаюсь не забыть добавлять комментарий.