Image from origin 'file: //' wurde durch die Cross-Origin-Richtlinie zur gemeinsamen Nutzung von Ressourcen blockiert:
Ich benutze leaflet-image.js, um ein Bild aus einer Leaflet-Map zu erstellen. Der Code, mit dem das Image erstellt wurde, ist der im Beispiel unter https: //github.com/mapbox/leaflet-imag ie
var map = L.mapbox.map('map', 'YOUR.MAPID').setView([38.9, -77.03], 14);
leafletImage(map, function(err, canvas) {
// now you have canvas
// example thing to do with that canvas:
var img = document.createElement('img');
var dimensions = map.getSize();
img.width = dimensions.x;
img.height = dimensions.y;
img.src = canvas.toDataURL();
document.getElementById('images').innerHTML = '';
document.getElementById('images').appendChild(img);
});
Das Problem ist, dass das Bild von einem CORS-Sicherheitsmerkmal blockiert zu sein scheint. Unten ist ein Bild der Google Chrome-Konsole (nicht, dass enevn in Firefox nicht funktioniert)
Könntest du mir dabei helfen? (Auch alle meine Server werden lokal gehostet. Webserver, Mapserver ...)