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


Posted in Javascript onApril 21, 2018

下面一段代码给大家分享js 获取用户所在城市,具体代码如下所述:

<!doctype html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <title>获取用户地理位置</title> 
 <script type="text/javascript" src="./jquery-3.3.1.js"></script> 
 </head> 
 <body> 
 </body> 
</html> 
<script> 
$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js',function(){  
 alert(remote_ip_info.country);//国家  
 alert(remote_ip_info.province);//省份  
 alert(remote_ip_info.city);//城市  
});  
</script>

JS获取用户地理位置

<script type="text/javascript">
  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();
</script>

总结

以上所述是小编给大家介绍的JavaScript获取用户所在城市及地理位置,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
FireFox下XML对象转化成字符串的解决方法
Dec 09 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
jquery 缓存问题的几个解决方法
Nov 11 Javascript
jQuery Validation PlugIn的使用方法详解
Dec 18 Javascript
深入理解javascript的getTime()方法
Feb 16 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
vue mint-ui tabbar变组件使用
May 04 Javascript
微信小程序使用wxParse解析html的方法教程
Jul 06 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
Sep 12 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
Apr 30 Javascript
vue中用 async/await 来处理异步操作
Jul 18 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 #Javascript
详解webpack模块化管理和打包工具
Apr 21 #Javascript
Node.Js生成比特币地址代码解析
Apr 21 #Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 #Javascript
JS装饰器函数用法总结
Apr 21 #Javascript
vue 之 .sync 修饰符示例详解
Apr 21 #Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
Apr 20 #Javascript
You might like
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
TNC vs BOOM BO3 第一场2.13
2021/03/10 DOTA
基于promise.js实现nodejs的promises库
2014/07/06 NodeJs
javascript抽象工厂模式详细说明
2014/12/16 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
javaScript嗅探执行神器-sniffer.js
2017/02/14 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
js闭包学习心得总结
2018/04/17 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
JavaScript遍历数组的方法代码实例
2020/01/14 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
2020/11/17 Vue.js
[01:10]3.19DOTA2发布会 三代刀塔人第一代
2014/03/25 DOTA
python各种语言间时间的转化实现代码
2016/03/23 Python
Python冲顶大会 快来答题!
2018/01/17 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
python字典改变value值方法总结
2019/06/21 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
python实现ping命令小程序
2020/12/28 Python
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
主管职责范文
2013/11/09 职场文书
马智宇结婚主持词
2014/04/01 职场文书
合作意向协议书
2015/01/29 职场文书
毕业生入职感言
2015/07/31 职场文书
MySQL8.0.18配置多主一从
2021/06/21 MySQL