Ich versuche eine benutzerdefinierte stationäre Karte mit der JavaScript-Bibliothek Leaflet zu erstellen und laufe immer wieder in ein größeres Problem, bei dem die meisten Kartenkacheln für die Koordinaten nicht gerendert werden. Ich definieren & wie die Karte zeigt, soFlugblatt js Karte zeigt nur ein paar Kacheln
function initmap() {
map = new L.Map('map');
var osmUrl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}.png';
var osm = new L.TileLayer(osmUrl);
map.addLayer(osm);
}
var lat = 40.120910;
var lng = -74.978602;
var startLatLng = new L.LatLng(lat, lng);
initmap();
map.setView(startLatLng, 16);
Es scheint, wie es sollte funktionieren, aber die Karte div zeigt nie die volle Karte/alle Fliesen. Ich weiß, dass es für diesen bestimmten Bereich eine Abdeckung gibt, da ich den Dienst einer anderen Person nutze, der diese Bibliothek und diese Karte verwendet, um diesen Standort zu sehen. Dieser Code basiert auf seinem Code.
This website verwendet die genauen Koordinaten, Kartenserver und das Script js und kann alle Kacheln gut darstellen.
Hier ist ein JSFiddle, um den Code (und das Problem) in Aktion zu zeigen. Irgendeine Idee, warum das passiert oder wie man es repariert?
Ich habe hatte dieses Problem in der Vergangenheit und es sah so aus, als ob der Kartenserver nicht 100% reaktionsfähig wäre ... Ich musste zusätzliche Server für die gleichen Kacheln finden oder die benutzerdefinierte Karte ändern, damit meine App wie gewünscht funktioniert. :( –
Was ich nicht bekomme, ist, wie der andere Typ, der den gleichen Server und Karte verwendet, in der Lage ist, diese genaue Karte zu rendern kein Problem – CaffeinatedCoder