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

832
user826233

Ich muss eine Karte näher zoomen, die mit Leaflet und OpenStreetMap erstellt wurde, und dann einen Screenshot der Karte erstellen, der den Teil der Karte, der auf meinem Bildschirm angezeigt wird, umfasst und darüber hinausgeht.

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

0
Wenn Sie ein X-basiertes System verwenden, erstellen Sie mit `xrandr` einen virtuellen Desktop mit einer beliebigen Größe, die Ihr Speicher zulässt. Ich verwende dies oft zum Erstellen eines Screenshots eines Bildes, das größer als meine physische Bildschirmgröße ist, ohne dass dabei der mit der Skalierung einhergehende Detailverlust verloren geht. AFH vor 6 Jahren 1
Ich bin leider unter Windows 7.. . . user826233 vor 6 Jahren 0
SnagIT kann Screenshots aufnehmen, die größer als der Bildschirm sind. Ich bin mir sicher, dass es andere Tools von Drittanbietern gibt, die das können. Appleoddity vor 6 Jahren 0
Es hilft, uns Ihre Umgebung mitzuteilen, wenn Sie eine Frage formulieren. Im Allgemeinen kann ein Bild, das größer als der Bildschirm ist und durch Scrollen durch das Bild geschwenkt werden kann, zusammen mit ** Bild speichern unter ... ** gespeichert werden. Klicken Sie dazu entweder mit der rechten Maustaste oder unter ** Seiteninfo ** in den ** Tools ** Menü (Firefox). Leider zeigt OpenStreetMap eine Reihe von Kacheln, die Sie einzeln speichern und anschließend zusammensetzen müssen. AFH vor 6 Jahren 0
Beachten Sie, dass die Kacheln von OpenStreetMap an den Rändern des gescrollten Bereichs die vollen Kacheln für diesen Teil der Karte sind, sodass der Verbund größer als der gescrollte Bereich ist. AFH vor 6 Jahren 0

1 Antwort auf die Frage

0
jdwolf

Wenn die Webseite korrekt gestaltet wurde, können Sie einfach die Verkleinerungsfunktion von Chrome oder Firefox verwenden und dann im Browser einen Screenshot erstellen, der alle gerenderten Pixel aufzeichnet, nicht nur diejenigen, die auf dem Bildschirm angezeigt werden. Leider hilft es Ihnen nicht, auch wenn Sie ein anderes Werkzeug verwendet haben, ohne die Seite selbst zu bearbeiten.

Sie können testen, dass dies nicht an OSM liegt, indem Sie hier gehen: http://www.openstreetmap.org/ und Strg + verwenden - und sehen, dass beim Herauszoomen mehr Sichtfeld dargestellt wird. Und wenn Sie sich das Leaflet hier anschauen: http://leafletjs.com/examples/mobile/example.html verhält es sich auch so.

Dafür musst du es hacken, um zu tun, was du willst. Verwenden Sie den Stileditor Ihres Webbrowsers, und fügen Sie Folgendes hinzu:

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

Markieren Sie dann das Zoom in und aus der Flyer-Benutzeroberfläche. Anschließend können Sie die Zoom-Funktionen des Browsers verwenden.

Verwandte Probleme