是想让地图的定位用户位置更准确一些。

查看了介绍: http://www.w3school.com.cn/html5/html_5_geolocation.asp

看介绍中拿数据挺简单。

点击这个按钮,获得您的坐标:

试一下

varx=document.getElementById("demo");functiongetLocation()

{if(navigator.geolocation)

{

navigator.geolocation.getCurrentPosition(showPosition);

}else{x.innerHTML="Geolocation is not supported by this browser.";}

}functionshowPosition(position)

{

x.innerHTML="Latitude:" +position.coords.latitude+

"
Longitude:" +position.coords.longitude;

}

正确点击按钮能拿到返回的经纬度

有个问题是:    navigator.geolocation.getCurrentPosition(showPosition);   这个回调,有时有,有时没有 ,不稳定。  还有就是出来的经纬度弄到地图上,我了个去,跑到广州了。。。

--------------------------------------

本身百度地图api

ip定位:   http://lbsyun.baidu.com/jsdemo.htm#i8_2 ,  有点糙,显示的是城市名

浏览器定位:  http://lbsyun.baidu.com/jsdemo.htm#i8_1   ,拿到经纬度展示,大概的。

百度有个 Geolocation, 打开上面的2个中一个,替换下

// 百度地图API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(116.331398,39.897445);

map.centerAndZoom(point,12);

var geolocation = new BMap.Geolocation(); //实例化浏览器定位对象。

//下面是getCurrentPosition方法。调用该对象的getCurrentPosition(),与HTML5不同的是,这个方法原型是getCurrentPosition(callback:function[, options: PositionOptions]),也就是说无论成功与否都执行回调函数1,第二个参数是关于位置的选项。 因此能否定位成功需要在回调函数1中自己判断。

geolocation.getCurrentPosition(function(r){ //定位结果对象会传递给r变量

if(this.getStatus() == BMAP_STATUS_SUCCESS){ //通过Geolocation类的getStatus()可以判断是否成功定位。

var mk = new BMap.Marker(r.point); //基于定位的这个点的点位创建marker

map.addOverlay(mk); //将marker作为覆盖物添加到map地图上

map.panTo(r.point); //将地图中心点移动到定位的这个点位置。注意是r.point而不是r对象。

alert(‘您的位置:‘+r.point.lng+‘,‘+r.point.lat); //r对象的point属性也是一个对象,这个对象的lng属性表示经度,lat属性表示纬度。

}

else {

alert(‘failed‘+this.getStatus());

}

},{enableHighAccuracy: true})

得到的是大致的经纬度,但城市是对的,位置有些偏差。

原文:http://www.cnblogs.com/jshare/p/7066154.html

html5经纬度 ios,根据HTML5 获取当前位置的经纬度相关推荐

  1. html5获取当前坐标,HTML5教程 如何获取当前位置的经纬度

    本篇教程探讨了HTML5教程 如何获取当前位置的经纬度,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < 是想让地图的定位用户位置更准确一些. 查看了介绍: h ...

  2. html5经纬度定位 源码_HTML5教程 如何获取当前位置的经纬度

    本篇教程探讨了HTML5教程 如何获取当前位置的经纬度,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < 是想让地图的定位用户位置更准确一些. 查看了介绍: h ...

  3. UWP Windows10开发获取设备位置(经纬度)

    UWP Windows10开发获取设备位置(经纬度) 原文:UWP Windows10开发获取设备位置(经纬度) 1.首先要在UWP项目的Package.appxmanifest文件中配置位置权限,如 ...

  4. android网络获取经纬,Android中透过GPS或NetWork获取当前位置的经纬度

    Android中通过GPS或NetWork获取当前位置的经纬度 private double latitude=0.0; private double longitude =0.0; Location ...

  5. android获取当前位置经纬度,Android中通过GPS或NetWork获取当前位置的经纬度

    今天在Android项目中要实现一个通过GPS或NetWork来获取当前移动终端设备的经纬度功能.要实现该功能要用到Android Framework 中的 LocationManager 类.下面我 ...

  6. html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...

    vue web项目中调用腾讯地图API获取当前位置的经纬度 vue web项目中调用腾讯地图API获取当前位置的经纬度 在main.js 中添加一下代码 import axios from 'axio ...

  7. vue3定位当前位置,获取当前位置的经纬度

    vue3定位当前位置,获取当前位置的经纬度 注意事项(访问地址必须是https) 获取当前位置经纬度 注意事项(访问地址必须是https) 在vue.config.js文件内设置https:true, ...

  8. Android之获取当前位置的经纬度

    Android之 点击按钮获取当前位置的经纬度 过几秒更新当前位置的经纬度 https://upload-images.jianshu.io/upload_images/13225108-85f1bc ...

  9. 微信小程序-获取用户位置(经纬度+所在城市)

    微信小程序-获取用户位置(经纬度+所在城市) 文章目录 微信小程序-获取用户位置(经纬度+所在城市) 一.目标 二.实现思路 三.实现步骤 3.1 用到的接口函数 3.2 具体步骤 3.2.1 创建界 ...

  10. java获取经纬度_java调用高德地图api获取某个位置的经纬度

    java调用高德地图api获取经纬度的方法,废话少说,直接上代码: import com.fasterxml.jackson.databind.JsonNode; import com.ning.ht ...

最新文章

  1. java kettle6_java 调用kettle 6.1 转换
  2. ssh免密登录配置方法及配置
  3. iPhone 居然能当公交卡刷了?!
  4. 图形图像处理,CAD控件Simulation and Verification提供模拟机器的工具运转机床和车床材料的搬运控件...
  5. ffmpeg命令基本语法和常见命令
  6. 你理解的智能家居就是智能家居么?
  7. 博客左侧导航栏添加打赏功能(添加微信赞赏码)
  8. DAO设计模式之禅之数据库万能查询操作
  9. Java学习---day14_集合框架03
  10. Win32消息集合----方便查阅
  11. Centos网络操作之IP、网关、路由、防火墙
  12. 基于STC单片机的两轮平衡车设计
  13. 谢国忠:下一场金融风暴将在6月左右开始
  14. 第7期——AP上线过程
  15. 题目1025:最大报销额(动态规划之01背包问题)
  16. 290页12万字数字乡村项目规划建设方案
  17. Armadillo与matlab矩阵运算对照
  18. c++OntheWay-debug
  19. C++程序设计(检测纽扣是否存在缺陷)
  20. Effective Java (3rd Editin) 读书笔记:1 创建和销毁对象

热门文章

  1. 墨尔本大学计算机科学博士怎么样,墨尔本大学计算机科学专业怎么样
  2. PC版马赛克拼图生成 AndreaMosaic单文件版!
  3. STM32F1与STM32CubeIDE编程实例-麦克风声音传感器驱动
  4. 机器学习该怎么入门?
  5. mac制作铃声 我要变好看
  6. avast! 2014正式版下载
  7. MLD(组播侦听发现协议)
  8. oracle物化视图可以创建索引,oracle 物化视图及创建索引
  9. Windows10系统.NET Framework 3.5离线安装方法
  10. 服务器配置(建站助手),使用MSFTP服务器FTP无法连接解决方法