Hi William, Best to ask over at stackoverflow.com - there is a huge community of experts with a wide range of skills there.
-- G+: http://chrisbroadfoot.id.au/+ Twitter: http://twitter.com/broady On Thu, May 3, 2012 at 7:37 AM, WilliamBiz <wtrobinson...@gmail.com> wrote: > I am in need of some assistance with Google Gecoding. What I want to > do is take address, city, state, and zip code values that are entered > into a form and have them geocoded then there values entered into a > MySQL database. I need this because on another form I need the Google > Maps JavaScript API v3 to pull the LatLng values from the database and > place markers everywhere there are coordinates for. > > I have the following code done so far: > > <!DOCTYPE html> > <html> > <head> > <meta name="viewport" content="initial-scale=1.0, user- > scalable=no" /> > <style type="text/css"> > html { height: 100% } > body { height: 100%; margin: 0; padding: 0 } > #map_canvas { height: 100% } > </style> > <!-- Loads the Google Map JavaScript Map API --> > <script type="text/javascript" > src="http://maps.googleapis.com/maps/api/js? > key=MYKEY&sensor=true"> > </script> > <script type="text/javascript"> > // Creates a Map Object so that map variables can be assigned. > var map; > var geocoder; > function initialize() { > // Organization's coordinates ( I want the variables below > values > to be replaced with the MySQL db values) > $organizationLat = 38; > $organizationLng = -77; > // Contact's coordinates > $contactLat = 39; > $contactLng = -77; > // Create Geocoder > geocoder = new google.maps.Geocoder(); > var organizationLatLng = new > google.maps.LatLng($organizationLat, > $organizationLng); > var contactLatLng = new google.maps.LatLng($contactLat, > $contactLng); > var myOptions = { > // Creates an initial point of reference > center: organizationLatLng, > // The larger the zoom number, the greater the zoom > zoom: 8, > // There are 4 map types: ROADMAP, SATELLITE, HYBRID, and > TERRAIN > mapTypeId: google.maps.MapTypeId.HYBRID > }; > // Creates a JavaSript Map class and defines a single map on a > page that is specified to a particular div. > var map = new > google.maps.Map(document.getElementById("map_canvas"), > myOptions); > > // Creates a marker for contact(s) > var marker2 = new google.maps.Marker({ > position: organizationLatLng, > map: map, > title: "Contact name and address go here" > }); > } > function codeAddress() { > var address = document.getElementById("address").value; > geocoder.geocode( { 'address': address}, function(results, > status) { > if (status == google.maps.GeocoderStatus.OK) { > map.setCenter(results[0].geometry.location); > var marker = new google.maps.Marker({ > map: map, > position: results[0].geometry.location > }); > } else { > alert("Geocode was not successful for the > following reason: " + > status); > } > }); > } > > </script> > </head> > <!-- Loads the map on initialization --> > <body onload="initialize()"> > <!--<div id="map_canvas" style="width:100%; height:100%"></div>--> > <div id="map_canvas" style="width: 320px; height: 480px;"></div> > <div> > <input id="address" type="textbox" value="Washington, D.C."> > <input type="button" value="Encode" onclick="codeAddress()"> > </div> > </body> > </html> > > I am doing my testing on a local XAMPP installation. I would > appreciate any suggestions I need to make to the code to help me gain > the achieved goal. I am running a LAMP. > > -- > You received this message because you are subscribed to the Google Groups > "Google Maps JavaScript API v3" group. > To post to this group, send email to > google-maps-js-api-v3@googlegroups.com. > To unsubscribe from this group, send email to > google-maps-js-api-v3+unsubscr...@googlegroups.com. > For more options, visit this group at > http://groups.google.com/group/google-maps-js-api-v3?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to google-maps-js-api-v3@googlegroups.com. To unsubscribe from this group, send email to google-maps-js-api-v3+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
