学习JavaScript地理位置信息API-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

对于一个Web开发程序员来说，开发工作中一个最有意思的方面就是获取地理位置信息；试想一下，浏览你的网页的用户是在什么地方？程序员可以根据用户的地理位置信息来调整网站的语言、特定产品介绍等。下面我们将要演示的就是通过浏览器里JavaScript地理位置信息API来获取详细地理信息！

相关学习推荐：javascript视频教程

检查你的浏览器是否支持地理位置信息API

目前主流的浏览器都已经对JavaScript地理位置信息API有了较好的支持。但如果你还不放心，那么，确认地理位置信息API支持情况最好的方式是浏览器的功能特征测试。

if("geolocation" in navigator) {
    //w00t!
}
else {
    alert("很不幸！你的浏览器并不支持Geolocation API功能");
}

对于判断浏览器是否支持地理位置API，最主要的就是看看navigator.geolocation这个对象，使用in，而不是简单的使用if(navigator.geolocation)，这一点非常重要，因为后者有可能会因此初始化地理位置信息对象，从而占用/锁定了设备资源。

查询地理位置信息

这个navigator.geolocation.getCurrentPosition方法是获取详细位置信息最关键的一个接口：

if("geolocation" in navigator) {
    navigator.geolocation.getCurrentPosition(function(position) {
        console.log(position);
    });
}

一旦你调用了这个方法(如果请求成功，它会执行你在参数里提供的回调方法)，浏览器会询问用户是否允许程序获取他们的地理位置信息：

地理信息 javascript-geolocation-api

当用户运行网页获取他们的位置信息后，浏览器就可以开始读取地理信息，它会返回给你一个位置信息对象，对象的结构基本是这样的：

// "Position" object
{
    coords: { "Coordinates" object
        accuracy: 65,
        altitude: 294.4074401855469,
        altitudeAccuracy: 10,
        heading: -1,
        latitude: 43.01256284360166,
        longitude: -89.44531987692744,
        speed: -1
    },
 
    timestamp: 1429722992094269
}