Breaking News: Grepper is joining You.com. Read the official announcement!

jquery user geolocation

Inquisitive Ibis answered on November 28, 2022 Popularity 3/10 Helpfulness 1/10

answer jquery user geolocation

jquery user geolocation

Comment

<script type="text/javascript">
var map;
function initMap() {
	map = new google.maps.Map($("#map")[0], {
		center: {lat: -34.397, lng: 150.644},
		zoom: 8
	  });
}

$("#my_location").click(function (){ //user click on button
	if ("geolocation" in navigator){
			navigator.geolocation.getCurrentPosition(show_location, show_error, {timeout:1000, enableHighAccuracy: true}); //position request
		}else{
			console.log("Browser doesn't support geolocation!");
	}
});	

//Success Callback
function show_location(position){
	infoWindow = new google.maps.InfoWindow({map: map});
	var pos = {lat: position.coords.latitude, lng: position.coords.longitude};
	infoWindow.setPosition(pos);
	infoWindow.setContent('User Location found.');
	map.setCenter(pos);
}

//Error Callback
function show_error(error){
   switch(error.code) {
        case error.PERMISSION_DENIED:
            alert("Permission denied by user.");
            break;
        case error.POSITION_UNAVAILABLE:
            alert("Location position unavailable.");
            break;
        case error.TIMEOUT:
            alert("Request timeout.");
            break;
        case error.UNKNOWN_ERROR:
            alert("Unknown error.");
            break;
    }
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCw-Viepxab4m9pRRQyjm_yRq1uhOj9iPc&callback=initMap" async defer></script>

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.sanwebe.com

Tags: geolocation javascript jquery

Link to this answer
Share Copy Link

Contributed on Nov 28 2022

Inquisitive Ibis

0 Answers Avg Quality 2/10

jquery user geolocation

Contents

More Related Answers

jquery user geolocation

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.