Version vom 13. August 2005, 14:41 Uhr

Inhaltsverzeichnis

1 Google Maps Extensions

Google Maps Extensions

Google Maps ist der Karten- und Routing-Service von Google.

Marker Extension

Code


<?php

# Map WikiMedia extension
# 
# Uses Google Maps as a Map Server
#
# This extension displays a marker with further infos (when clicking)  on given coordinates
#
# Copy this text into a file called "hjlMap.php"
# To activate the extension, include it from your LocalSettings.php
# with: include("extensions/hjlMap.php"); 
#
# Use the tags <map>Latitude|Longitude|ZoomFactor|URL|URL-Text|URL-Image|Image-Height</map> to display this map.
#
# Sample: "<map>53.053|7.803|10|http://www.giswiki.org/|GISWiki|http://www.giswiki.org/skins/common/images/wiki.png\|30</map>"
#
# Missing: error-handling, ....


$wgExtensionFunctions[] = "wfMapExtension";

function wfMapExtension() 
{
	global $wgParser;
	$wgParser->setHook( "Map", "renderMap" );
}

# The callback function for converting the input text to HTML output
function renderMap( $input ) 
{

$varAr = explode("|", $input);

$varLat	  = $varAr[0];
$varLon	  = $varAr[1];
$varZoom  = $varAr[2];
$varURL   = $varAr[3];
$varText  = $varAr[4];
$varImg   = $varAr[5];
$varImgH  = $varAr[6];

# Hint: you need to sign up for a Google Maps API key!!
#       http://www.google.com/apis/maps/signup.html
#       Then replace the key below.

$varInfo = "<img src=\"".$varImg."\" height=\"".$varImgH."\" width=\"".$varImgW."\"><br><a href=\"".$varURL."\" target=\"_blank\">".$varText."</a>";

$aMap = 
"

<script>
// Creates a marker whose info window displays the given number
function createMarker(point, text) {
var marker = new GMarker(point);
var html = text + \"<br><br><font size='-1'>(öffnet in neuem Fenster)</font>\";
GEvent.addListener(marker, \"click\", function() {marker.openInfoWindowHtml(html);});
return marker;
}
</script>

<script src='http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAmSaaWiH-UdM6X8GKUpwrShRxST-HWBdKUWLFy_5rr1CqF7sELxRXeY9OVogKb86vpauaaMAdd8JMQQ' type='text/javascript'></script>
<div id='map' style='width: 500px; height: 400px'></div>
<script type='text/javascript'>
//<![CDATA[
var map = new GMap(document.getElementById('map'));
//map.addControl(new GSmallMapControl());
//map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(".$varLon.", ".$varLat."), ".$varZoom.");
map.setMapType(_SATELLITE_TYPE);
var point = new GPoint(".$varLon.",".$varLat.");
var marker = createMarker(point, '".$varInfo."');
map.addOverlay(marker);
</script>
";

return $aMap;
}
?>

Beispiel / Sample

Eingabe / Input

<map>53.0419921875|8.85000228881836|10|http://www.giswiki.org/|GISWiki|http://www.giswiki.org/skins/common/images/wiki.png\|30</map>

Ergebnis / Result

<Map>53.0419921875|8.85000228881836|10|http://www.giswiki.org/%7CGISWiki%7Chttp://www.giswiki.org/skins/common/images/wiki.png\%7C30</Map>

Weblinks

Siehe auch

http://earth.google.com/
- Artikel der deutschsprachigen Wikipedia in Google Earth visualisieren

Google Maps Hacking and Bookmarklets
which contains several steps on how you can customize and add information to Google Maps.

There's also a pointer to http://mygmaps.com , which allows you to display custom data files with Google Maps. (The site is alphaish, so things may break.)