JavaScript如何获取用户所在城市及地理位置

这篇文章将为大家详细讲解有关JavaScript如何获取用户所在城市及地理位置,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联专业为企业提供朝阳网站建设、朝阳做网站、朝阳网站设计、朝阳网站制作等企业网站建设、网页设计与制作、朝阳企业网站模板建站服务,10年朝阳做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

具体代码如下所述:

 
 
  
  
 获取用户地理位置 
  
  
  
  
 

JS获取用户地理位置


  var x = document.getElementById("x");
  function getLocation() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else {
      x.innerHTML = "该浏览器不支持定位功能!";
    }
  }
  function showPosition(position) {
    x.innerHTML = "纬度:" + position.coords.latitude + "\n经度:"
        + position.coords.longitude;
  }
  function showError(error) {
    switch (error.code) {
    case error.PERMISSION_DENIED:
      x.innerHTML = "用户拒绝对获取地理位置的请求。";
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML = "位置信息是不可用的。";
      break;
    case error.TIMEOUT:
      x.innerHTML = "请求用户地理位置超时。";
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML = "未知错误。";
      break;
    }
  }
  getLocation();

JavaScript的特点

1.JavaScript主要用来向HTML页面添加交互行为。 2.JavaScript可以直接嵌入到HTML页面,但写成单独的js文件有利于结构和行为的分离。 3.JavaScript具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行。

关于“JavaScript如何获取用户所在城市及地理位置”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网站标题:JavaScript如何获取用户所在城市及地理位置
本文路径:http://bzwzjz.com/article/pjojie.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都商城网站建设 H5网站制作 成都企业网站建设 企业网站建设 成都网站建设流程 营销网站建设 成都网站制作 成都网站设计 成都商城网站制作 手机网站建设 网站设计制作 成都网站建设 成都网站制作 成都网站建设 定制网站制作 手机网站制作 成都定制网站建设 成都响应式网站建设公司 温江网站设计 温江网站设计 高端网站设计推广