转载:http://201211131343.iteye.com/blog/1814951
如何在网页中定位当前位置呢?
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <title>显示当前位置</title>
- <script src="code.js"></script>
- </head>
- <body>
- <div id="position">正在定位当前位置...</div>
- </body>
- </html>
- window.onload = getPosition; // 加载完页面后执行getPosition方法
- function getPosition() {
- if (navigator.geolocation) {
- // 如果geolocation不为null
- navigator.geolocation.getCurrentPosition(displayPosition); // 获取当前位置,传递Position参数给函数displayPosition
- } else {
- alert("Not supported");
- }
- }
- function displayPosition(position) {
- var latitude = position.coords.latitude;
- var longitude = position.coords.longitude;
- var accuracy = position.coords.accuracy;
- // 以下属性和设备和实现相关,可能为null
- var heading = position.coords.heading;
- var speed = position.coords.speed;
- var text = document.getElementById("position");
- text.innerHTML = "Latitude:" + latitude + ",Longitude:" + longitude
- + ",accuracy:" + accuracy + ",heading:" + heading + ",speed:"
- + speed;
- }