Читать книгу Leaflet - Astrid Günther - Страница 3

Wir beginnen mit einer einfachen Karte

Um eine Karte mit Leaflet auf einer Internetseite anzuzeigen, reichen wenige Schritte aus:

1 Integrieren Sie die notwendigen JavaScript- und Cascading Style Sheet-Dateien (CSS).
2 Erstellen Sie ein HTML-Element – üblicherweise ein <div>-Element – in dem Ihre Karte angezeigt werden soll.
3 Erstellen Sie das JavaScript-Kartenobjekt.
4 Fügen Sie eine Schicht mit Kacheln – einen Tile-Layer – zum Kartenobjekt hinzu.

Noch vor Schritt 1 erstellen wir eine einfache HTML-Datei. Diese Datei ist die Grundlage für die Beispiele hier im Buch. Den Programmcode für die einfache HTML-Datei sehen Sie im nachfolgenden Programmcodebeispiel. Fügen Sie diesen Programmcode in eine Datei ein und speichern diese Datei ab. Sie können es sich auch einfacher machen. Die letzte Zeile meiner Codebeispiele nennt Ihnen immer den Namen in den Beispieldateien.

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <title>Eine OSM-Karte mit Leaflet</title> </head> <body> </body> </html>

Ein Aufruf dieser Datei in Ihrem Browser öffnet zunächst ein leeres Browser-Fenster. Nur der Titel der Seite ist in der Titelleiste des Browsers abzulesen. In den nächsten vier Kapiteln erfahren Sie, wie Sie die digitale Landkarte in das Fenster bekommen. Vier Kapitel hört sich aufwendig an. Das ist es aber nicht. Fangen Sie an und Sie werden sehen, dass Sie schon in wenigen Minuten die Karte präsentieren können.

Подняться наверх