webdesign werbedesign ItService Information
Start google map Marker - Infofenster

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: