HTML5地理位置获取:GeoLocation

在包含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