javascript - Failed to get user's current position using google map API -
i trying display map current location using google map api using java script unable fetch user's current location.i explaining code below.
window.onload = function () { if (navigator.geolocation) { navigator.geolocation.getcurrentposition(success); } else { alert("geo location not supported on current browser!"); } function success(position) { var lat = position.coords.latitude; var long = position.coords.longitude; var city = position.coords.locality; var mylatlng = new google.maps.latlng(lat, long); var myoptions = { center: mylatlng, zoom: 12, maptypeid: google.maps.maptypeid.roadmap }; var map = new google.maps.map(document.getelementbyid("map"), myoptions); var marker = new google.maps.marker({ position: mylatlng, title: "lat: " + lat + " long: " + long + "city:" + city }); marker.setmap(map); var infowindow = new google.maps.infowindow({ content: "<b>user address</b><br/> latitude:" + lat + "<br /> longitude:" + long + "<br /> city:"+city+"" }); infowindow.open(map, marker); } }
and using below script links.
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=aizasybihscixa9nfc6c40gsmmj5zabhkcm1poa&sensor=false"></script> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
but giving me output city name undefined.please me resolve issue.
after lat , lng position.coords, may want use geocoder city name. check code below
function codelatlng(lat, lng) { var latlng = new google.maps.latlng(lat, lng); geocoder .geocode( { 'latlng' : latlng }, function(results, status) { if (status == google.maps.geocoderstatus.ok) { if (results[1]) { var arraddress = results; console.log(results); // iterate through address_component array $ .each( arraddress, function(i, address_component) { if (address_component.types[0] == "locality") { console.log("city: " + address_component.address_components[0].long_name); itemlocality = address_component.address_components[0].long_name; } }); } else { alert("no results found"); } } else { alert("geocoder failed due to: " + status); } });
}
Comments
Post a Comment