JavaScript JavaScript GeoLocation

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript JavaScript GeoLocation相关的知识,希望对你有一定的参考价值。

HTML
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Where am I</title>
        <script src="myLoc.js"></script>
        <link rel="stylesheet" href="myLoc.css">
    </head>
    
    <body>
    	<div id="location">
        	You location will go here.
        </div>
    </body>
</html>


JAVASCRIPT
window.onload = getMyLocation;

function getMyLocation()
{
	if(navigator.geolocation)
	{
		navigator.geolocation.getCurrentPosition(displayLocation);
	}
	else{
		alert("Oops, no geolocation support");
	}
}

function displayLocation(position)
{
	var latitude = position.coords.latitude;
	var longitude = position.coords.longitude;
	
	var div = document.getElementById("location");
	div.innerHTML = "You are at Latitude: "+latitude+ ", Longitude: "+longitude;
}

以上是关于JavaScript JavaScript GeoLocation的主要内容,如果未能解决你的问题,请参考以下文章

javascript 获取IP相关信息,包括GEO信息

JavaScript WordPress Geo Mashup Mapstraction自定义标记

两个 GEO 位置之间的距离 [重复]

Sencha Touch - Map.Geo = null

Google Geo Charts 未通过 ajax 调用加载

在php循环中写入javascript数组