Die Übersichtskarten

Für die meisten Länder und für die Tempel von Angkor gibt es Übersichtskarten auf der Web Site. Die neueren Karten sind mit Hilfe des Google Maps Static API eingebunden. Google Maps braucht dazu einen Kartenmittelpunkt sowie Zoomfaktor und Größe der Karte. Der Kartenmittelpunkt ist, wie oben erwähnt, als Eigenschaft gloc einer location zugeordnet. Die weiteren Daten stehen im Element gmap. Die Markierungsnadeln auf der Karte werden ebenfalls über gloc-Attribute angegeben, deswegen muß jede location dieses Attribut haben, wenn sie mindestens auf einer Karte als Markierungsnadel vorkommt. Bei der Publikation wird daraus ein Hyperlink wie z.B. http://maps.googleapis.com/maps/api/staticmap?center=South+Korea&zoom=7&size=400x700...&maptype=terrain&sensor=false zusammengebaut. Für die Markierungsnadeln wird in den URL eingefügt: &markers=label:A|Seoul...&markers=label:E|Seogwipo, und für den Pfad kommt noch ein Abschnitt &path=color:blue|Germany|Incheon|Seoul|...|Germany. Die meisten Orte kann man mit Namen angeben – anderenorts findet man mit Koordinaten die Mitte des Landes besser, z.B. center=-1,117 für Indonesien.

Die älteren Karten werden als SVG und als Client Side Image Map angeboten. Diese Karten werden in XML durch das Element map dargestellt. Das Element map enthält im wesentlichen eine Grafik (als Attribut, wie bei Bildern - es handelt sich dabei um gewöhnliche Rastergrafiken, die ich zumeist aus dem CIA World Fact Book kopiert habe. Das gilt übrigens auch für die Länderfahnen.) Als Inhalt enthält map eine Reihe von Koordinaten:

<!ELEMENT coords EMPTY >
<!ATTLIST coords loc-ref IDREF #REQUIRED
                 x CDATA #REQUIRED
                 y CDATA #REQUIRED
                 type (circle|rectangle) "circle"
                 radius CDATA "50"
                 width CDATA "80"
	         height CDATA "60" >

In der XML-Datei sieht das ganze dann etwa so aus:

<map map-id="MAP_ANGKOR" imgname="maps/map_angkor.png" width="800" height="575">
  <name>Karte von Siem Reap und Angkor</name>
  <coords loc-ref="SIEMREAPPICS" x="374" y="464" width="48" height="48"/>
  <coords loc-ref="SOUTHGATEPICS" x="388" y="193" width="26" height="16"/>
  <coords loc-ref="BAYONPICS" x="126" y="383" width="40" height="40"/>
  <coords loc-ref="BAPHUONPICS" x="75" y="339" width="30" height="57"/>
  <coords loc-ref="TERRACESPICS" x="115" y="322" width="30" height="75"/>
  <coords loc-ref="AWBLDGPICS" x="429" y="255" width="30" height="50"/>
  <coords loc-ref="AWRELIPICS" x="399" y="255" width="30" height="50"/>
  <coords loc-ref="PHNBKHPICS" x="375" y="215" width="30" height="30"/>
  <coords loc-ref="BIGCIRC1PICS" x="480" y="58" width="115" height="35"/>
  <coords loc-ref="BIGCIRC2PICS" x="580" y="120" width="90" height="160"/>
  <coords loc-ref="BIGCIRC3PICS" x="500" y="163" width="40" height="25"/>
  <coords loc-ref="ROLUOSPICS" x="690" y="327" width="186" height="144"/>
  <coords loc-ref="BSAMPRKRPICS" x="768" y="140" width="45" height="30"/>
  <coords loc-ref="BANTEAYSREYPICS" x="730" y="40" width="100" height="60"/>
</map>

Einfach, nicht wahr?

This page has been created on Donnerstag 19. Dezember 2013 from travelog.xml using travelog.xsl.