Loading ...
Sorry, an error occurred while loading the content.

Re: [php-objects] Re: using google api's

Expand Messages
  • vijaya lakshmi
    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
    Message 1 of 1 , May 12, 2010
    • 0 Attachment
      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&v=2.x&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@...>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@yahoogroups.com <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]
    Your message has been successfully submitted and would be delivered to recipients shortly.