• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > mui如何根据Geolocation获得的坐标获取所在城市?

mui如何根据Geolocation获得的坐标获取所在城市?

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含geolocation,geolocation service,geolocation api,bmap.geolocation,html5 geolocation等相关知识,教程希望在学习及工作中可以帮助到您

mui如何根据Geolocation获得的坐标获取所在城市?
 

  1. 第一步通过mui.plusReady【表示页面加载事件】调用hbuilder提供的百度定位 
  2.  
  3. mui.plusReady(function() 
  4.  
  5. { 
  6.  
  7. plus.geolocation.getCurrentPosition( geoInf, function ( e ) { 
  8.  
  9. },{geocode:true,provider:'amap'}); 
  10.  
  11. }); 
  12.  
  13. 第二步通过geolnf 方法来获取具体的定位信息 
  14.  
  15. function geoInf( position ) { 
  16.  
  17. var codns = position.coords;//获取地理坐标信息; 
  18.  
  19. var longt = codns.longitude;//获取到当前位置的经度 
  20.  
  21. var lat = codns.latitude;//获取到当前位置的纬度; 
  22.  
  23. 提醒:position.address 获取的是地址集合包括省市县街道等 
  24.  
  25. document.getElementById("city").value=position.address.city ;//通过具体的地址集合获取具体市名称,其他以此类推。 
  26. mui.alert(position.address.city+"=="+position.address.district+"--"+position.address.street);//城市、区、街道 
  27. } 

 

您可能想查找下面的文章:

  • mui如何根据Geolocation获得的坐标获取所在城市?
  • 如何根据Geolocation获得的坐标获取所在城市?

相关文章

  • 2017-05-31分享一个js,如何更方便地进行跨webview的调用
  • 2017-05-31Hbuilder MUI 滚动到页面顶部
  • 2017-05-31mui 重写back 调用back方法,实现返回就即时刷新页面
  • 2017-05-31Hbuilder MUI如何增加自定义icon图标
  • 2017-05-31IOS,Android调用原生代码拨打电话、发送短信功能
  • 2017-05-31HBuilder 入门(5) / 编写一个登录页面 - Ajax交互
  • 2017-05-31MUI 地图定位问题终于解决了
  • 2017-05-31mui实现底部凸起按钮的实现
  • 2017-05-31webview启动速度优化及事件顺序解析
  • 2017-05-31mui几种页面跳转方式对比

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5+ plus和phoneGap、cordova的比较
    • HBuilder mui页面怎么跳转到Android原生界面?
    • mui访问百度图片,长按图片下载至手机相册
    • html5仿ios下拉和上拉回弹功能2.0
    • mui css 多行文本的溢出显示省略号(移动端)
    • 移动端默认返回按键,使用h5+修改默认事件
    • HBuilder mui 打开新页面
    • HBuilder mui 基于MUI的移动端数字密码键盘
    • HBuilder mui 页面传参终极版
    • hbuilder mui 保存商品的浏览历史记录

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有