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@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/
