[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: Re: using google api's



Hi ,

Thankful to everyone ,

I got the solution code  for my question from one of my Friend and posted
the same,

first generate google map API key and replace that key with existing key....
you will find how to generate key in this link
http://code.google.com/apis/maps/signup.html

here is the code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";
xmlns:v="urn:schemas-microsoft-com:vml">
  <head>

<!-- server
 ABQIAAAAy7XvdqVaIUvG9Y5N1CRWMBTzM7fNBdy7bjGXmrsOyc3lL6qPnxTIqSxPQXekkpKiU0DQsfDqEOK8dg-->

<!-- local
ABQIAAAAcqSiRlxedUSyzfKc1yQ0ehQ0u9SNKRI154qE_Jwsw7pn0Bxd3BTxyqjJQ1Zn5Waw59_XaLM_rate8w
-->

    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Hoysala Projects Bangalore Imprints</title>
    <script src="
http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAK9IMfC-TJmToQWbOPPAP_RTKIkw0dJUy832RVBsuQjYN_0OjDhRPQrdc77XmVluep1VEFikX-a9xCg
"
            type="text/javascript"></script>
    <script type="text/javascript">

    var map;
    var geocoder;
var point;
    function initialize() {
      map = new GMap2(document.getElementById("map_canvas"));
      map.setCenter(new GLatLng(12.980053,77.604739), 10);
      geocoder = new GClientGeocoder();
    }

    // addAddressToMap() is called when the geocoder returns an
    // answer.  It adds a marker to the map with an open info window
    // showing the nicely formatted version of the address and the country
code.
    function addAddressToMap(response) {
     // map.clearOverlays();
      if (!response || response.Status.code != 200) {
        alert("Sorry, we were unable to geocode that address");
      } else {
        place = response.Placemark[0];
        //point = new GLatLng(place.Point.coordinates[1],
                           // place.Point.coordinates[0]);

var latitudes = new Array();
var longitudes = new Array();
var marker = new Array();
var myHtml = new Array();
 latitudes[0]=13.038677;
longitudes[0]=77.579015;
myHtml[0]='Hoysala Vijay I and II';
 latitudes[1]=13.056203;
longitudes[1]=77.575546;
myHtml[1]='Hoysala Galleria';
 latitudes[2]=13.038676;
longitudes[2]=77.580074;
myHtml[2]='Hoysala Tirumala';
 latitudes[3]=13.038906;
longitudes[3]=77.578915;
myHtml[3]='Hoysala Sri Krishna';
 latitudes[4]=12.936427;
longitudes[4]=77.626272;
myHtml[4]='Hoysala  Axis';
 latitudes[5]=13.034693;
longitudes[5]=77.574505;
myHtml[5]='Hoysala  Sai Shelters';
 latitudes[6]=13.050089;
longitudes[6]=77.578271;
myHtml[6]='Hoysala  Retreat';


latitudes[7]=13.026342;
longitudes[7]=77.602293;
myHtml[7]='Hoysala  Palace';
  latitudes[8]=13.22948;
longitudes[8]=77.688918;
myHtml[8]='Hoysala  Broxia';
 latitudes[9]=13.268162;
longitudes[9]=77.719506;
myHtml[9]='Hoysala  Corpus';
 latitudes[10]=13.035237;
longitudes[10]=77.57502;
myHtml[10]='Hoysala  Infantry Towers';
  latitudes[11]=13.031108;
longitudes[11]=77.570976;
myHtml[11]='Hoysala  Dreamz';
 latitudes[12]=13.02687;
longitudes[12]=77.587074;
myHtml[12]='Hoysala  Sri Ranga';

 latitudes[13]=13.995703;
longitudes[13]=77.587219;
myHtml[13]='Hoysala  Tripuramba';
 latitudes[14]=12.980053;
longitudes[14]=77.604739;
myHtml[14]='Hoysala  Bangalore Office';

latitudes[15]=12.967318;
longitudes[15]=77.60748;
myHtml[15]='Hoysala Woods Inn';


var len= latitudes.length;
for(var i=0;i<len;i++)
{
document.getElementById('msg').value=myHtml[i];
document.getElementById('lt').value=latitudes[i];
document.getElementById('lg').value=longitudes[i];
var point = new GLatLng(latitudes[i],longitudes[i]);
map.addOverlay(createMarker(point, i  ));
}
     //   marker.openInfoWindowHtml(place.address + '<br>' +
     //     '<b>Country code:</b> ' +
place.AddressDetails.Country.CountryNameCode);
      }
    }

// map.openInfoWindowHtml(new GLatLng(latitudes[15],longitudes[15]),
'Hoysala Bangalore Office');

function createMarker(point, number) {
  var marker = new GMarker(point);

   /* var myHtml = new Array();
   myHtml[0]='Hoysala Vijay I and II';
myHtml[1]='Hoysala Galleria';
myHtml[2]='Hoysala Tirumala';
myHtml[3]='Hoysala Sri Krishna';
myHtml[4]='Hoysala  Axis';
myHtml[5]='Hoysala  Sai Shelters';
myHtml[6]='Hoysala  Retreat';
myHtml[7]='Hoysala  Palace';
myHtml[8]='Hoysala  Broxia';
myHtml[9]='Hoysala  Corpus';
myHtml[10]='Hoysala  Infantry Towers';
myHtml[11]='Hoysala  Dreamz';
myHtml[12]='Hoysala  Sri Ranga';
myHtml[13]='Hoysala  Tripuramba';
myHtml[14]='Hoysala  Bangalore Office';
myHtml[15]='Hoysala Woods Inn';*/

  var message = ["Hoysala Vijay I and II","Hoysala Galleria","Hoysala
Tirumala","Hoysala Sri Krishna","Hoysala  Axis","Hoysala  Sai
Shelters","Hoysala  Retreat","Hoysala  Palace","Hoysala  Broxia","Hoysala
 Corpus","Hoysala  Infantry Towers","Hoysala  Dreamz","Hoysala  Sri
Ranga","Hoysala  Tripuramba","Hoysala  Bangalore Office","Hoysala  Woods
Inn"];
  marker.value = number;
  GEvent.addListener(marker, "click", function() {
    var myHtml = message[number ];//"<b>#" + number + "</b><br/>" +
message[number -1];
    map.openInfoWindowHtml(point, myHtml);
  });
  return marker;
}
    // showLocation() is called when you click on the Search button
    // in the form.  It geocodes the address entered into the form
    // and adds a marker to the map at that location.
    function showLocation() {
      var address = document.forms[0].q.value;
      geocoder.getLocations(address, addAddressToMap);
    }

   // findLocation() is used to enter the sample addresses into the form.
    function findLocation(address) {
      document.forms[0].q.value = address;
      showLocation();
    }
    </script>
  </head>

  <body onload="initialize(); findLocation('Hoysala Projects Pvt Ltd,
Infantry Techno Park, Infantry Road, Bangalore, Karnataka , India');">

    <!-- Creates a simple input box where you can enter an address
         and a Search button that submits the form. //-->
    <form action="#" onsubmit="showLocation(); return false;">
      <p>

        <input type="hidden" name="q" value=""/>
        <input type="hidden" name="msg" id="msg" value=""/>
        <input type="hidden" name="lt" id="lt" value=""/>
        <input type="hidden" name="lg" id="lg" value=""/>

      </p>
    </form>
    <div id="map_canvas" style="width: 800px; height: 600px"></div>

  </p>
  </body>
</html>


On Tue, May 11, 2010 at 5:43 PM, S.M. Saidur Rahman <rana_0036@xxxxxxxxx>wrote:

>
>
>
> Hi Vijayalakshmi
> Check bellow link. All of the examples contained in the Google Maps API
> documentation set are listed below for quick reference.
> http://code.google.com/apis/maps/documentation/examples/index.html
>
> Regards
> -Rana
>
>
> --- In php-objects@xxxxxxxxxxxxxxx <php-objects%40yahoogroups.com>, vijaya
> lakshmi <vijayalakshmi6jun@...> wrote:
> >
> > Hi All,
> >
> > I am new to using google api,
> >
> > I want the google map to be displayed given a particular location , with
> the
> > push pins for the locations.
> >
> > Can some please guide me through the process.
> >
> > Thank you in advance.
> >
> >
> > --
> > Thanks & Regards
> > Vijayalakshmi
> >
> >
> > [Non-text portions of this message have been removed]
> >
>
>  
>



-- 
Thanks & Regards
Vijayalakshmi


[Non-text portions of this message have been removed]



------------------------------------

Are you looking for a PHP job?
Join the PHP Professionals directory Now!
http://www.phpclasses.org/jobs/
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/php-objects/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/php-objects/join
    (Yahoo! ID required)

<*> To change settings via email:
    php-objects-digest@xxxxxxxxxxxxxxx 
    php-objects-fullfeatured@xxxxxxxxxxxxxxx

<*> To unsubscribe from this group, send an email to:
    php-objects-unsubscribe@xxxxxxxxxxxxxxx

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/


[Index of Archives]     [PHP Home]     [PHP Users]     [PHP Soap]     [Kernel Newbies]     [Yosemite]     [Yosemite Campsites]

  Powered by Linux