How to Get Current Location in JavaScript Example

17479 views 4 years ago

In this article, I will share with you how to get the current location in javascript with the example. get current let-long in javascript is very easy and you get done this help of the getCurrentPosition() in javascript.

JavaScript has a huge By default functions and it can be very helpful in our web application. so, you can get the current location in the javascript help of a few line codes.

here is an example.

<!DOCTYPE html>
<html>
<head>
	<title>Get User Location</title>
</head>
<body>
	<p>Click the button to get your live location.</p>
	<button onclick="getLocation()">Get Location</button>
	<p id="demo"></p>
	<script type="text/javascript">
		var x = document.getElementById("demo");

		function getLocation() {
		    if (navigator.geolocation) {
		        navigator.geolocation.getCurrentPosition(showPosition);
		    } else {
		        x.innerHTML = "Geolocation is not supported by this browser.";
		    }
		}

		function showPosition(position) {
		    console.log(position);
		    x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude;
		}
	</script>
</body>
</html>

i hope you like this article.

How to check whether a variable is set or not in PHP

Use the PHP isset() function You can use the PHP isset() function to test whether a variable is set or not. The isset() will return FALSE if testin...
Laravel 7 - Awesome Collection Methods with Examples

Laravel Eloquent uses Collections to return the results. Collections contains very useful methods that makes them very powerful and helpful to use. You can filter them, modify them and much more with...
Laravel 8 - How to Restrict or Block User Access via IP Address

In this article, I will share with you how to Restrict or Block User Access via IP Address in Laravel 8 with example. Many times you need to block some user access on IP address base then here i...
How to Call Multiple JavaScript Functions in onClick Event

Use the addEventListener() Method If you want to call or execute multiple functions in a single click event of a button, you can use the JavaScript addEventListener() method, as shown in...
Dynamic Add Edit Delete Table Row in jQuery

In this article, I will share with you how to add edit delete table row using jquery. many times you need to build a CRUD application and in that application, you want to make add, edit, delete functi...

LaravelCode

How to Get Current Location in JavaScript Example

Random Articles

How to check whether a variable is set or not in PHP

Use the PHP isset() function You can use the PHP isset() function to test whether a variable is set or not. The isset() will return FALSE if testin...

Laravel 7 - Awesome Collection Methods with Examples

Laravel Eloquent uses Collections to return the results. Collections contains very useful methods that makes them very powerful and helpful to use. You can filter them, modify them and much more with...

Laravel 8 - How to Restrict or Block User Access via IP Address

In this article, I will share with you how to Restrict or Block User Access via IP Address in Laravel 8 with example. Many times you need to block some user access on IP address base then here i...

How to Call Multiple JavaScript Functions in onClick Event

Use the addEventListener() Method If you want to call or execute multiple functions in a single click event of a button, you can use the JavaScript addEventListener() method, as shown in...

Dynamic Add Edit Delete Table Row in jQuery

In this article, I will share with you how to add edit delete table row using jquery. many times you need to build a CRUD application and in that application, you want to make add, edit, delete functi...

Advertise

How to Get Current Location in JavaScript Example

Random Articles

How to check whether a variable is set or not in PHP

Use the PHP&nbsp;isset()&nbsp;function You can use the PHP&nbsp;isset()&nbsp;function to test whether a&nbsp;variable&nbsp;is set or not. The&nbsp;isset()&nbsp;will return&nbsp;FALSE&nbsp;if testin...

Laravel 7 - Awesome Collection Methods with Examples

Laravel Eloquent uses Collections to return the results. Collections contains very useful methods that makes them very powerful and helpful to use. You can filter them, modify them and much more with...

Laravel 8 - How to Restrict or Block User Access via IP Address

In this article, I will share with you how to&nbsp;Restrict or Block User Access via IP Address in Laravel 8 with example. Many times you need to block some user access on IP address base then here i...

How to Call Multiple JavaScript Functions in onClick Event

Use the addEventListener() Method If you want to call or execute multiple functions in a single click event of a button, you can use the JavaScript&nbsp;addEventListener()&nbsp;method, as shown in...

Dynamic Add Edit Delete Table Row in jQuery

In this article, I will share with you how to add edit delete table row using jquery. many times you need to build a CRUD application and in that application, you want to make add, edit, delete functi...

Advertise

Use the PHP isset() function You can use the PHP isset() function to test whether a variable is set or not. The isset() will return FALSE if testin...

In this article, I will share with you how to Restrict or Block User Access via IP Address in Laravel 8 with example. Many times you need to block some user access on IP address base then here i...

Use the addEventListener() Method If you want to call or execute multiple functions in a single click event of a button, you can use the JavaScript addEventListener() method, as shown in...