Die deutsche Google Maps Community.
Die Möglichkeiten sind da!
Forum
aktuelle Diskussionen
· KML wird nicht aktualisiert· Warum werden keine Marker erzeugt?
· Marker auf eigener Website von Außenstehenden erzeugen
· Bild an Zoomlevel anpassen
· Ohne doppelte Straßen
Werbung
WakkaWiki
WakkaWiki ist ein auf PHP und My SQL basierendes Wiki-System. Ein Wiki ist ein System zur gemeinschaftlichern Erstellung und Pflege von Web-Dokumenten. Im Wesentlichen handelt es sich um eine Webseite, bei der jeder Leser den Inhalt modifizieren kann. WakkaWiki wird seit September 2004 nicht mehr weiterentwickelt, es entstanden daraus aber einige Forks (Weiterentwicklungen). Zum Beispiel WackoWiki∞ oder WikkaWiki∞.Die hier vorgestellte Google Maps Implementation kann daher in allen auf WakkaWiki basierenden Wiki-Systemen eingebaut werden.
Um eine Google Maps in eine WakkaWiki Seite einzubauen einfach den folgenden Code als googlemaps.php im Verzeichnis Actions speichern. Nicht vergessen den eigenen API Key einzugeben!
<?php
$key = ABC //the key you get from google
?>
" type="text/javascript">
<!-- integrate the map and set width and height -->
<div id="map" ></div>
<!-- no javascript active -->
<noscript>JavaScript must be enabled to use Google Maps</noscript>
//<![CDATA[
if (GBrowserIsCompatible()) {
// create marker
function createMarker(point,html) {
var marker = new GMarker(point);
// show info window at click
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
// point the map to a location, show navigation and zoom, set map type
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(29.980067, 31.135468), 14, G_HYBRID_MAP);
// icons/locations with info window
var point = new GLatLng(29.97897, 31.134202);
var marker = createMarker(point,'Pyramide 1')
map.addOverlay(marker);
var point = new GLatLng(29.975903, 31.130598);
var marker = createMarker(point,'Pyramide 2')
map.addOverlay(marker);
}
//]]>
$key = ABC //the key you get from google
?>
" type="text/javascript">
<!-- integrate the map and set width and height -->
<div id="map" ></div>
<!-- no javascript active -->
<noscript>JavaScript must be enabled to use Google Maps</noscript>
//<![CDATA[
if (GBrowserIsCompatible()) {
// create marker
function createMarker(point,html) {
var marker = new GMarker(point);
// show info window at click
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
// point the map to a location, show navigation and zoom, set map type
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(29.980067, 31.135468), 14, G_HYBRID_MAP);
// icons/locations with info window
var point = new GLatLng(29.97897, 31.134202);
var marker = createMarker(point,'Pyramide 1')
map.addOverlay(marker);
var point = new GLatLng(29.975903, 31.130598);
var marker = createMarker(point,'Pyramide 2')
map.addOverlay(marker);
}
//]]>
Die Google Maps Action wird mit {{googlemaps}} aufgerufen.