Wichtiger Hinweis: Diese Beispiele nutzen OpenLayers in der Version 2. Die aktuelle Version OpenLayers 3 ist vollständig inkompatibel zur Version 2, meine Beispiele funktionieren nicht mit OpenLayers Version 3.
Ich habe meine Seite auf TLS (https:) umgestellt. Einige Layers werden deshalb (Mixed Content) möglicherweise nicht mehr dargestellt.
Ich habe einige Anwendungen und Erweiterungen für das OpenLayers-JavaScript erstellt:
1. Basiskarten (OpenLayer.Map):
- Basiskarte mit Mapnik-Layer (mit WMS-Layer, mit Schummerung);
-
Mehrere Karten auf einer Seite,
mit Kartenkonfiguration über "data-lonlatzoom"-Attribut des<div>-Elementes; - Zoomabhängige Tilesets;
- Dynamisch erzeugte Tiles;
- Gedrehte Karte;
- Dreh- und stauchbare Karte (2½D).
2. Bedienelemente (OpenLayers.Control):
Anzeigen ohne Interaktion:
- Layer-Ladestatus-Anzeige (angepasstes Aussehen);
- Andere Einheiten für die Maßstabsanzeige;
- Alternative Maßstabsanzeige;
- Zoomstatus-Anzeige (angepasstes Aussehen);
- Position als UTM-Koordinaten (UTMR, mit UTM-Gitter);
- Position als Gauß-Krüger-Koordinate (mit Gauß-Krüger-Gitter);
- Position in Grad und Minuten (mit Gitter);
- Position in Grad, Minuten und Sekunden;
-
Position in Pixel-Koordinaten
oder in
Spherical-Mercator-Koordinaten
(intern genutzt von OpenLayers und GoogleMaps).
Pan und Zoom:
-
Anzeige der Zoomstufe
(mit
Control.ZoomValue); - Zoom-Control mit Anzeige der Zoomstufe;
- Zoom-Begrenzung für Karte (mit PanZoomBar, mit modifizierter PanZoomBar);
- Karte auf reale Position zoomen (Geolocation) (automatisch bei Seitenaufruf);
-
PanZoomBarmit verkürzten oder verlängerten Segmenten,PanZoomBarmitminZoom.
Cursor-Position weiterverarbeiten:
Entfernungsmessung:
Einbindung externer Dienste:
Suche:
Routing:
Verknüpfung anderer Karten:
Layer-Verwaltung:
- Vergrößerter Layerswitcher;
- LayerChanger (erweiterter LayerSwitcher, mit Kartenlinks, kombiniert mit erweitertem Permalink);
- Layer-Sichtbarkeit per Button schalten;
-
Erweiterter Permalink
(zusammen mit
LayerChanger); - UserTiles: Dynamisches Laden von Kartenlayern;
-
LocalTracks:
Anzeigen von Tracks aus dem lokalen Filesystem (zusammen mit
LayerChanger); - LocalFeatures: Anzeigen von Features aus einer lokalen Datei.
Sonstige Steuerelemente (Bastelmaterial):
- Feststehender Marker;
-
Frei konfigurierbares
Klickfeld
; - InfoBox auf Karte anzeigen;
- JSONP-Request;
- Marker ruft bei Click eine Callback-Funktion auf;
- OpenLayer-Controls mit geänderten Graphiken;
- Pan+Zoom-Animation (Flugsimulator für Arme);
- Popup mit Pfeiltasten veschieben;
- Schaltelement aufwärts/abwärts (angepasstes Aussehen);
- Sinnfreie Namensvorschläge im Tooltip;
- Zeitstempel einer Datei auf dem eigenen Server abfragen.
3. Karten-Overlays (OpenLayers.Layer):
Tile-Layer:
Karten-Gitter:
- WGS84-Grad-und-Minuten-Gitter;
- UTM-Gitter;
- Gauß-Krüger-Gitter;
-
Anzeige des Blattschnitts deutscher Topographischer Karten
(mit Quadranten),
nach berechtigter Beschwerde jetzt mit Bessel-Ellipsoid.
Marker mit OpenLayers.Layer.PopupMarkers anzeigen:
- Marker in Default-Darstellung (mit Tooltip, “close on click”, Schlaufon-Version);
- mit eigenem Popup-Text (mit Tooltip);
- mit eigenem Popup-Text und verschiedenen Markern (mit Tooltip);
-
mit periodischem Nachladen von Datenpunkten
(bewegte POIs),
(mit unterschiedlichen Markern, unterschiedliche Marker plus Tooltip); - mit dynamischem Nachladen von Datenpunkten, die Stolpersteine und die Geschichtskarte);
- Punktfeatures von OVERPASS-API laden per JSONP (online konfigurierbar);
- Marker aus einem GeoRSS-Feed anzeigen.
Marker mit Layer.PopupMarkers bearbeiten:
Objekte mit OpenLayers.Layer.Vector anzeigen:
- POIS mit Tooltip und Popup (mehr, Tooltip per Stylemap);
-
POIs für angezeigte Region mit
OpenLayers.Strategy.BBOXnachladen (sinnvolle Daten); -
Linien für angezeigte Region mit
OpenLayers.Strategy.BBOXnachladen (Linien und Flächen, Flächen); - Punkte aus eine KML-Datei (Linien, Flächen);
- Kreisfeatures erstellen (zusammen mit Linien, nach Mausklick);
- Kreisfeatures aus POIs erstellen (maßstababhängige Größe, Farbe aus Attribut);
- Mehrfaches Zeichnen von Features mit unterschiedlichen Styles;
- Narrenhände beschmieren Tisch und ... Karten.
Tracks anzeigen:
-
Wegmarkierung aus GPX-Datei anzeigen
(mit Start und Ziel, mit Tooltip, nach Höhe eingefärbt, mit Detailinfos, animiert); - Anzeige eines Fernwanderweges mit Anpassung der Auflösung an das Zoom (lange Grenze);
- TrackLoader: Laden von Tracks für den angezeigten Kartenausschnitt (mit Popups).
Objekte aus der OSM-Datenbank anzeigen:
- Anzeige von OSM-Objekten (Nodes, Ways, Relations);
- Anzeige von OSM-Relationen in Karte;
- Anzeige von OSM-Super-Relationen in Karte;
- Anzeige einer OSM-Network-Relation (genauer: deren Komponenten) in Karte (mit UTM-Gitter, Ostalpen);
- Anzeige von OSM-Objekten mit Designvorgaben;
- Anzeige von OSM-Traces.
Weitere Layer-Typen:
OpenLayers.Layer.BBOX:
-
Markiere rechteckigen Bereich mit “OpenLayers.Layer.Box”,
(gestylt, Position als Parameter übergeben (in Tile-Koordinaten), mehrere Rechtecke); - mit HTML frei gestaltbare Marker statt der Rechtecke;
- Unscharfer Marker zur Positionsverschleierung;
- Rechteckiges Gebiet mit Icons markieren (schönere Icons).
Layer.Image:
Layer.Labels:
Layer.SVG:
4. Mathematik:
5. Patches:
5. Hintergrundinfos:
Nutzung:
Sie dürfen meine JavaScript-Module und HTML-Schnipsel gerne – auch kommerziell – einsetzen und auch weiterverbreiten. Erhalten Sie dabei bitte die Kopfzeilen der JavaScript-Module, damit auch andere Menschen die zugehörige Dokumentation finden können.
Die genauen Bedingungen finden Sie in der Creative Commons Namensnennung 3.0 Deutschland Lizenz, die Sie auch in einer juristenlesbaren Form oder als Kleingedrucktes einsehen können.