+ Start a Discussion
simhasimha 

not able to getting the maximized infowindow in google maps

Hi ,

         Impresently working on google maps where my requirement is " if i click on any area on the map then it want to display the info window with + symbol(maximize option if i  click the maximize symbol the page want to be maximized" But imunable to get it

 

Here is my code

 

 <apex:page showheader="false">
<script type="text/javascript"
            src="http://www.google.com/jsapi?key=ABQIAAAArtg5_f2MTnCS3zqk-6m8fhQLWOUk26jSql-xn4eioGKHI4q3YhQGvHVkFrDClwasaob_g_gPqZDjlw"></script>   
    
    <script type="text/javascript">    
      function initialize() {

        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 4);
        var marker = new GMarker(map.getCenter());
        map.addOverlay(marker);
        GEvent.addListener(marker, 'click', function() {
          var maxContentDiv = document.createElement('div');
          maxContentDiv.innerHTML = 'Loading...'
          marker.openInfoWindowHtml("<div style='padding:5px'>Click maximize button for more info about the Google Bar!</div>",
            {maxContent: maxContentDiv,
             maxTitle: "More Info"});

          var iw = map.getInfoWindow();
          GEvent.addListener(iw, "maximizeclick", function() {
            GDownloadUrl("ajax_content.html", function(data) {
              maxContentDiv.innerHTML = data;
            });
          });
        });
      
    }

      google.setOnLoadCallback(initialize);
    </script>

 <body onunload="GUnload()">
    <div id="map" style="width: 500px; height: 500px"></div>
    <div id="searchcontrol"></div>
 </body>
</apex:page>

 

 

the example is in this adress and  i used the same code 

 

http://gmaps-samples.googlecode.com/svn/trunk/megawindow/maxcontent_ajax.html