地理定位与HTML5和JavaScript。 集成与谷歌地图

正在与HTML5推出的新产品有很多，一些特别有趣。 其中突出的，毫无疑问，对地理位置的支持，它可以自动检测用户的通过浏览器的地理位置。

使用地理定位，其实与支持HTML5的浏览器能够跟踪用户位置使用的IP地址分配给您的ISP连接，对细胞通讯距离（移动连接）或通过“ GPS天线可以集成到设备。 该位置检测georafica，当然，只发生后，当事人明确同意（谁将会是网页的请求作出的位置跟踪，请求将能够同意或不通知）。

由浏览器返回的位置表示其坐标（经纬度），然后可以通过 JavaScript使用。 新的地理定位API是基于对导航器对象的新属性：navigator.geolocation。

为了检查是否浏览器提供这些新的API支持HTML5就足够了，因此，有条件做这样的呼吁：

如果（navigator.geolocation）{



  



 / /浏览器的准备与支持HTML5地理位置







否则{}



  



 / /为不支持地理定位







 }

下面是一些简单的JavaScript代码的用户的地理坐标检测（将在页头插入）：

如果（navigator.geolocation）{



  



 navigator.geolocation.getCurrentPosition（mia_posizione）;







否则{}



  



警报（下称“地理定位是不可能的”）;







 }









 mia_posizione函数（）{



  



 VAR纬度= position.coords.latitude;



  



 VAR LON = position.coords.longitude;



  



的document.getElementById（“定位”）的innerHTML =“您的位置：”+纬度+'，'+离子;

  





 }

在页面的主体不仅要插入ID为“位置”的坐标内，用户将被写入一个元素。

要查看一个工作示例点击这里 。

GetCurrentPosition函数（）

正如你可以看到，如果您的浏览器支持地理定位getCurrentPosition静脉调用的函数（）的，在我们的例子中，一个参数是回调的成功传递。
其实这也坦承三个参数：

• 回调成功;
• 回调失败;
• 选项​​：
  • enableHighAccuracy：真或假的，是要求设备发送的精度最高水平（attivamndo，例如，GPS设备）的位置;
  • 超时：为检测的位置（以毫秒为单位）等待的最长期限;
  • maximumAge：最高年龄之后，检测必须执行Nuvo公司位置跟踪;

下面是一个允许使用所有三个参数的getCurrentPosition（）的例子：

 



 navigator.geolocation.getCurrentPosition（



  



 success_callback，error_callback，{enableHighAccuracy：假}）;

 

• <<
• 1
• 2
• 3
• >>