Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Place Markers from Name, Address and Post Code

In my domain model, for the entities in question, I have the:

  • Name of the place (e.g. Waterstones Wakefield)
  • The Street Addresses (e.g. 61-62 Bishopgate Walk)
  • And the Post Code (e.g. WF1 1YB)

From the above three pieces of information, how can I get a Marker placed on the Map? I am using Google Maps API 3.

Thanks

like image 908
J86 Avatar asked Mar 29 '13 13:03

J86


People also ask

How do I get a marker position on Google Maps?

You can add a simple marker to the map at a desired location by instantiating the marker class and specifying the position to be marked using latlng, as shown below.

Can I upload a list of addresses to Google Maps?

Put the extracted fields into a CSV (comma-separated value) or related format that Google maps can use. Log into Google maps. Create a new map. Upload the information from the CSV file or spreadsheet onto the map.


1 Answers

Try this example:

HERE THE ORIGINAL

HTML

      <body onload="initialize()">         <div>           <input id="address" type="text" value="Sydney, NSW">           <input type="button" value="Geocode" onclick="codeAddress()">         </div>         <div id="map-canvas" style="height:90%;top:30px"></div>       </body> 

JS

 <script>   var geocoder;   var map;   function initialize() {     geocoder = new google.maps.Geocoder();     var latlng = new google.maps.LatLng(-34.397, 150.644);     var mapOptions = {       zoom: 8,       center: latlng,       mapTypeId: google.maps.MapTypeId.ROADMAP     }     map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);   }    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> 
like image 72
grigno Avatar answered Sep 30 '22 11:09

grigno