Menu
In my domain model, for the entities in question, I have the:
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
908
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.
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.
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> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
