google map api problem ...

Hi ,

currently i m working in google map api , i want one functionality like ... submit form in map's popup window (white area which open on mouse over on any red baloon)

how can we do this ? please advice ...

 

How far have you gotten on this? Do you have the red markers and the popup window yet? If so you included forms as a normal form but in the markers property.

You can view source code on www.SalaryMap.com to see how each marker has HTML in the popup.

 

thanks ....

 

http://www.google.com/apis/maps/documentation/#Display_Info_Windows_Above_Markers

you can see the line "marker.openInfoWindowHtml("Marker #<b>" + number + "</b>");" is where you would put the HTML.

 

Not long ago I set out to do the same thing...
Here is a hash up that worked for me to retrieve driving directions.
I hope it will help...

   <script type="text/javascript">
    //<![CDATA[

    // Check to see if this browser can run the Google API
    if (GBrowserIsCompatible()) {

      var gmarkers = [];
      var htmls = [];
      var to_htmls = [];
      var from_htmls = [];
      var i=0;

      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);

        // The info window version with the "to here" form open
        to_htmls[i] = html + '<br>Directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
           '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + 
                  // "(" + name + ")" + 
           '"/>';
        // The info window version with the "to here" form open
        from_htmls[i] = html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
           '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
                  // "(" + name + ")" + 
           '"/>';
        // The inactive version of the direction info
        html = html + '<br>Directions: <a href="javascript:tohere('+i+')">To here</a> - <a href="javascript:fromhere('+i+')">From here</a>';

        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        gmarkers[i] = marker;
        htmls[i] = html;
        i++;
        return marker;
      }

      // functions that open the directions forms
      function tohere(i) {
        gmarkers[i].openInfoWindowHtml(to_htmls[i]);
      }
      function fromhere(i) {
        gmarkers[i].openInfoWindowHtml(from_htmls[i]);
      }

      // Display the map, with some controls and set the initial location 
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(<?php echo"$lat,$long";?>),10);
    
      // Set up three markers with info windows 

Code (markup):

 

thanks it will definatly help me out ....

 

I have found that the documentation and examples about the Google maps API are better at a site not owned by Google. Try doing a search of Google maps and the word econym and you should find Mike's examples. Even then, you are going to have to do much experimenting on your own in order to do anything other than the most simple things.

 

Ya I found that too hehe ..