1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

google map api problem ...

Discussion in 'Google API' started by tarjan, Sep 13, 2006.

  1. #1
    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)
    SEMrush
    how can we do this:confused: ? please advice ... :)
     
    tarjan, Sep 13, 2006 IP
    SEMrush
  2. tbarr60

    tbarr60 Notable Member

    Messages:
    3,456
    Likes Received:
    125
    Best Answers:
    0
    Trophy Points:
    210
    #2
    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.
     
    tbarr60, Sep 14, 2006 IP
  3. tarjan

    tarjan Banned

    Messages:
    208
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks .... :)
     
    tarjan, Sep 18, 2006 IP
  4. topendtech

    topendtech Peon

    Messages:
    55
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    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.
     
    topendtech, Dec 5, 2006 IP
  5. livingearth

    livingearth Well-Known Member

    Messages:
    1,470
    Likes Received:
    83
    Best Answers:
    0
    Trophy Points:
    140
    #5
    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):
     
    livingearth, Dec 5, 2006 IP
    sundaybrew likes this.
  6. tarjan

    tarjan Banned

    Messages:
    208
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #6
    thanks it will definatly help me out ....
     
    tarjan, Dec 5, 2006 IP
  7. ladybiker

    ladybiker Peon

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    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.
     
    ladybiker, Dec 9, 2006 IP
  8. topendtech

    topendtech Peon

    Messages:
    55
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Ya I found that too hehe ..
     
    topendtech, Dec 11, 2006 IP