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&amp;v=2&amp;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

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -