HTML5地理位置获取：GeoLocation

HTML5
Catalogue

在包含GPS硬件的设备上，通过GPS单元可以获取精确的位置信息。不过，大多数情况下，位置信息都是通过Web获取的。当浏览器提交Internet IP地址给一个Web服务器的时候，该服务器通常能够知道（基于ISP记录）该IP属于哪个城市（通常广告商会在服务器端这么做）。

本来想采用Script DOM Element方法动态加载外部脚本，未能如愿（失败了的代码如下）。有时间再研究。

1
2
3
4
5
6
7
var scriptElement_a = document.createElement('script');
var scriptElement_b = document.createElement('script');
scriptElement_a.src = 'http://j.maxmind.com/app/geoip.js';
scriptElement_b.src = 'http://maps.google.com/maps/api/js?sensor=false';
var head = document.getElementsByTagName('head')[0];
head.appendChild(scriptElement_a);
head.appendChild(scriptElement_b);

本例子涉及使用Google静态地图图片技术，见： Static Maps API V2 开发者指南

单击下面的按钮，可以获得你的地理位置坐标，并借助谷歌生成你所在城市的静态地图。

Share