Demo: Karte mit der Javascript-Klasse ahgeomap

ahgeomap ist eine Javascript-Klasse, mit der man mit Hilfe Google Maps eine Karte zeigen lassen kann.

Projekt-Seite: ahgeomap auf Axels Webseite
Source: Github: /axelhahn/ahgeomap

In der Klasse verfügbare Funktionen:

• Initialisieren einer Karte
  Es wird per Default eine Google Map ohne Kontrollelemente initialisiert. Man kann dabei Default-Werte übersteuern, z.B. Kartentyp, Zoomstufe, Steuerungselemente, ...
  Die Werte des Optionen-Arrays sind 1:1 diejenigen von Google Maps.
  var oMap = new ahgeomap("map_canvas", aMapOptions);
  Anm.: Auch nach dem Initialisieren ist dies später mit oMap.setOptions([Array]) möglich.
  
  
• eigene Position bestimmen
  mit oMap.getCurrentPosition() wird die aktuelle Position vom Browser geholt.
  
  
• Marker setzen
  Zeichnen der Ballons. oMap.addMarker(title, lat, lng, sDescr);
  
  
• Linie von der aktuellen Position zu den Zielen
  oMap.addLineFromHomeToTarget(lat, lng);
  Anm.: getCurrentPosition() muss vorher die eigene Position geholt haben.
  
  
• eine neue Position setzen
  Mit Koordinaten-Angabe wird auf die Position in der Karte gesprungen. oMap.setPosition(41.8907301, 12.4907973);
  Diese Funktion ist oben in den Buttons mit den Städtenamen im onclick-Event hinterlegt.
  
  
• auf eigene Position setzen
  zur eigenen Position zentrieren: oMap.setHomePosition();
  Diese Funktion ist oben im Buttons "eigene Position" im onclick-Event hinterlegt.
  Anm.: getCurrentPosition() muss vorher die eigene Position geholt haben.
  
  
• Zoomstufe setzen
  oMap.setZoom(Wert);
  Diese Funktion ist oben rechts in den Buttons der Zoomstufen im onclick-Event hinterlegt.
  
  
• Auf Ereignisse reagieren
  oMap.addMapListener(Ereignis, Funktion);
  Wenn sich Zoom oder Position ändern kann man regieren und etwas auslösen, z.B die neue Position anzeigen, sobald die Karte bewegt wurde.
  oMap.getMapCenter() und oMap.getMapZoom() liefern die Position in der Kartenmitte und das Zoomlevel.