Nachdem ich mich nun eingängiger mit GoogleMaps beschäftigt habe, möchte ich nun meine Erfahrungen mit Euch teilen. In den nächsten Einträgen gehe ich detailierter auf die API Features von GoogleMaps ein.

Das erste Feature, welches eine eingebundene Karte stark aufwertet/individualisiert ist die Möglichkeit eigene Icons und Beschriftungen auf der Karte zu platzieren. Auf folgender Seite könnt ihr Euer Icon hochladen und das Script erstellt Euch ein ZIP-Paket mit den Grafiken inklusive Schlagschatten und dem API-Code welcher einfach eins zu eins implementiert werden kann. Was natürlich noch angepasst werden muss sind die Koordinatenpunkte. Um diese zu ermitteln könnt Ihr folgende Seite verwenden.

Beispiel:

Karte erstellen

Ressourcen:

http://www.powerhut.co.uk/googlemaps/custom_markers.php

http://itouchmap.com/latlong.html

Vielleicht könnte diese Information euch ein wenig Zeit und Nerven sparen, denn ich hatte einen Moment bis ichs herausgefunden hatte. : )

Problem:

Will man eine eingebettete GoogleMaps-Karte auf seiner Webseite platzieren, die in der Dimensionierung relativ klein ist oder man will einfach diese hässliche Bubble-Infobox mit der Adresse nicht, sondern nur den Marker, geht man folgendermassen vor:

Lösung:

Als letzten Parameter in der URL folgendes anhängen: &iwloc=near

Der Codeblock sollte dann so aussehen:
<iframe width=”300″ height=”300″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=manchester&aq=&sll=53.41654,-2.236788&sspn=0.033864,0.090294&ie=UTF8&hq=&hnear=Manchester&t=h&z=12&ll=53.480712,-2.234376&output=embed&iwloc=near”></iframe>

Wieder einmal hat mich der Internet Explorer an die Wand gefahren und musste feststellen, dass es nur mit folgendem Fix zu lösen ist:

<script type="text/javascript">
function handleError() { return true; }
window.onerror = handleError;
</script>

Diese Information hilft hoffentlich Anderen verzweifelten Webies ein wenig Zeit zu sparen und Nerven zu bewahren : )