/ / Wie mache ich einen Screenshot einer Leaflet / OpenStreetMap-Karte, die größer als der Bildschirm ist? - Google-Chrome, Screenshot

Wie mache ich einen Screenshot einer Leaflet / OpenStreetMap-Karte, die größer als der Bildschirm ist? - Google-Chrome, Screenshot

Ich muss wirklich in der N√§he von einem zoomen Karte Erstellen Sie mit Leaflet und OpenStreetMap einen Screenshot der Karte, die den Teil der Karte enth√§lt und √ľber diesen hinausgeht, der auf meinem Bildschirm angezeigt wird.

Ich weiß, dass ich verwenden kann Google Map Saver um dies mit einer Google-Karte zu erreichen, aber ich weiß nicht, wie ich das mit einer Leaflet / OpenStreetMap-Karte machen soll. Irgendwelche Ideen?

Antworten:

0 f√ľr Antwort ‚ĄĖ 1

Wenn die Webseite richtig gestaltet wäre, könnten SieVerwenden Sie einfach die Verkleinerungsfunktion von Chrome oder Firefox und machen Sie dann einen Screenshot im Browser, der alle gerenderten Pixel aufzeichnet, nicht nur die, die auf den Bildschirm gelangen. Leider hilft es Ihnen auch dann nicht, wenn Sie ein anderes Tool ohne Bearbeitung verwendet haben die Seite selbst.

Sie k√∂nnen testen, dass dies nicht die Schuld von OSM ist, indem Sie hier gehen: http://www.openstreetmap.org/ Verwenden Sie Strg + - und stellen Sie fest, dass beim Verkleinern mehr Sichtfeld gerendert wird. Und wenn Sie sich die Brosch√ľre hier ansehen: http://leafletjs.com/examples/mobile/example.html es verh√§lt sich auch so.

Daf√ľr musst du es hacken, um das zu tun, was du willst. Verwenden Sie den Stil-Editor Ihres Webbrowsers und f√ľgen Sie Folgendes hinzu:

html, body {
height: 100%;
}
#main_map {
height: 100vw;
width: 64.64vw;
}

Aktivieren und deaktivieren Sie dann die Zoomfunktion in der Benutzeroberfl√§che der Brosch√ľre. Anschlie√üend k√∂nnen Sie die Zoomfunktionen des Browsers verwenden.