Einen Marker und ein Infofenster einbauen

Im nachfolgenden Code sind zwei neue Tags hinzugekommen:

mit var marker = new GMarker legen Sie die Position des Markers fest!

mit marker.openInfoWindowHtml zeigen Sie den Inhalt des Infofensters an, den Sie zuvor in var html festgelegt haben. Hier können Sie die Formatierungen aus Ihrer css Datei benutzen.

 

<script type="text/javascript">
//<![CDATA[
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(47.8284212,12.2523896), 15);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        var marker = new GMarker(new GLatLng(47.8284212,12.2523896));
        map.addOverlay(marker);
        var html = '<p align="left"><a href="http://www.webah.de" target="_blank">webAHde.sign</a><br/><br/>Webdesign in Rosenheim,<br/>Chiemgau, Chiemsee, Prien<br/><br/>und rund umadum<br/></p>';
        marker.openInfoWindowHtml(html);
    }}
    //]]>
    </script>

 

Hier sehen Sie das Ergebnis: