googlemap api marker question

Discussion in 'Google API' started by dethfire, May 22, 2007.

  1. #1
    how do I get the marker window to show automaticly, not "onclick"?
     
    dethfire, May 22, 2007 IP
  2. tbarr60

    tbarr60 Notable Member

    Messages:
    3,455
    Likes Received:
    125
    Best Answers:
    0
    Trophy Points:
    210
    #2
    Instead of having the marker code in a function, just place it inside script tags.

    You probably have something like:
    
    <script>
    function onClick{
       marker.show.whatever
    }
    </script>
    
    HTML:
    Change it to:
    
    <script>
       marker.show.whatever
    </script>
    
    HTML:
     
    tbarr60, May 22, 2007 IP
  3. dethfire

    dethfire Well-Known Member

    Messages:
    230
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    118
    #3
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAXnRe7KxqfmSKuX8ohrbsFRTwZaaivImGX9xkH6dGzxUoTNbrNhSapuaxqDjbAa-EReilbcyWrTm_OQ"
          type="text/javascript"></script>
        <script type="text/javascript">
        //<![CDATA[
        function load() {
          if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
    		map.addControl(new GSmallMapControl());
    		map.addControl(new GMapTypeControl());
            map.setCenter(new GLatLng(44.976618, -93.268382), 15);
                      
    		var marker = new GMarker(new GLatLng(44.976618, -93.268382));
          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml("<b>Moore and Hansen</b> <br> 225 South 6th Street 48th Floor<br> Minneapolis, MN 55402<br><a href='http://maps.google.com/maps?saddr=225 South 6th Street Minneapolis, MN 55402&daddr='>Get Directions</a>");
          });
          map.addOverlay(marker);
    
    
          }
        }
        //]]>
        </script>
    Code (markup):
    If I don't add the "GEvent.addListener" function the marker doesn't show up.
     
    dethfire, May 22, 2007 IP
  4. tbarr60

    tbarr60 Notable Member

    Messages:
    3,455
    Likes Received:
    125
    Best Answers:
    0
    Trophy Points:
    210
    #4
    Have you tried something like this? Note that marker.openInfoWindowHtml is not in a function, just within script so it should run as the page loads

    
    
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAXnRe7KxqfmSKuX8ohrbsFRTwZaaivImGX9xkH6dGzxUoTNbrNhSapuaxqDjbAa-EReilbcyWrTm_OQ"
          type="text/javascript"></script>
        <script type="text/javascript">
        //<![CDATA[
        function load() {
          if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
    		map.addControl(new GSmallMapControl());
    		map.addControl(new GMapTypeControl());
            map.setCenter(new GLatLng(44.976618, -93.268382), 15);
                      
    	var marker = new GMarker(new GLatLng(44.976618, -93.268382));
          	marker.openInfoWindowHtml("<b>Moore and Hansen</b> <br> 225 South 6th Street 48th Floor<br> Minneapolis, MN 55402<br><a href='http://maps.google.com/maps?saddr=225 South 6th Street Minneapolis, MN 55402&daddr='>Get Directions</a>");
           map.addOverlay(marker);
    
    
          }
        }
        //]]>
        </script>
    
    
    Code (markup):
     
    tbarr60, May 22, 2007 IP