WebGIS：Geolocation API与移动端地理定位方法

最新推荐文章于 2024-04-11 18:30:30 发布
最新推荐文章于 2024-04-11 18:30:30 发布
阅读量767 收藏
点赞数
分类专栏： WebGIS 文章标签： 地理定位 Geolocation接口 百度开放平台接口 WebGIS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43524214/article/details/127355976
版权

        论述内容：原生JavaScript提供的Geolocation地理定位接口，在移动端地理定位开发过程中，定位精度不高，在位置偏移方面，存在较大的不确定性。文中尝试引入百度地图第三方地理定位接口，来提升定位精度。

目录

JS原生Geolocation API

W3C官网描述

原生Geolocation API接口

【1】位置获取：Geolocation.getCurrentPosition()

【2】位置移动监听|取消监听

原生JS定位偏差

MDN：关于Geolocation API的可用性描述 

第三方接口：百度/高德定位API

百度定位接口

高德定位接口

基于百度定位接口实现地理位置采集

关于坐标系与坐标转换

地理位置实时采集

实现流程

示例代码

实现效果

运动轨迹点采集

实现思路

示例代码

实现效果

JS原生Geolocation API

        BOM浏览器对象模型接口提供了window.navigator属性，可以用于一个表示用户代理的状态和标识的Navigator 接口对象，。通过这个对象，可以间接获取Geolocation对象，从而实现基于原生JavaScript API的地理位置信息获取。

W3C官网描述

       常规意义上，Geolocation接口可以在Web Application开发中，用来获取当前设备（PC机、移动设备等）的地理位置信息，包含：经纬度、高程值、定位精度、设备朝向，移动速度等参数值。

        W3C官网对于Geolocation接口做了如下描述，中文意译为：Geolocation API定义了一个与设备相关的高精度位置信息接口，用于获取包括：GPS（Global Positioning System）全球定位系统，IP地址、R

了解本专栏 订阅专栏 解锁全文 超级会员免费看
是席木木啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
HTML5地理位置定位Geolocation-API及Haversine地理空间距离算法
尐轩web前端网络日志
03-01 1736
HTML5提供了Geolocation-API允许我们获取地理位置坐标 不过只有针对特定的需求才会用到 比如说地图应用一般还是很少用到的Geolocation-API使用的方法也很简单 API都存在于navigator.geolocation对象的原型上核心的方法就是getCurrentPostion和watchPositiongetCurrentPositionnavigator.geolo
Cesium 各高度的获取
热门推荐
资深三维GIS开发
05-15 1万+
1、地形高度的获取 方法a: 通过事件获取到像素坐标，然后转为世界坐标，再求地形高度 var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction(function(evt) { var ray=viewer.camera.getPickRay(evt.position); ...
Java web与web gis学习笔记（二）——百度地图API调用
df1445的博客
03-03 2758
一.申请百度地图开发者 百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口，包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务，提供基本地图展现、搜索、定位、逆/地理编码、路线规划、LBS云存储与检索等功能，适用于PC端、移动端、服务器等多种设备，多种操作系统下的地图应用开发 -----...
【WebGIS实例】（4）Leaflet创建一个地图并加入定位功能
ReBeX
11-25 1511
利用Leaflet.Locate定位插件来实现leaflet框架的地图定位。
navigator.geolocation.getCurrentPosition 位置偏差
最新发布
weixin_43403963的博客
04-11 762
先说拿navigator.geolocation.getCurrentPosition 获取到的位置总是偏差几百米。在页面引入 把获取到的经纬度用js文件再解析一遍就会得到精准度高一点的点位坐标。写一个文件geolocation.js。项目背景：获取用户当前精准位置签到。
开源WebGIS开发——Map的方法
yl14774636230的博客
10-07 423
1、框架 2、转换方法测试 map.getCoordinateFromPixel（） 通过像素位置获取坐标 map.getPixelFromCoordinate（）通过坐标获取像素位置 map.getEventCoordinate（）通过事件获取坐标 map.getEventPixel（）通过事件获取像素位置 //测试getview和setcenter方法 点击按钮将地图向左移动0.01° //首先要创建一个按钮button 设置它的点击事件功能函数 .
开源 WebGIS：地图发布与地图服务_v2.pdf
03-14
开源 WebGIS：地图发布与地图服务——基于 MapServer 与 Leaflet 的实践
WebGIS教程：地图发布与地图服务.zip
05-18
WebGIS，全称为Web Geographic Information System，是一种基于Web技术的地理信息系统，它将地理信息、Web服务和数据库技术相结合，使用户能够通过浏览器或其他Web客户端访问、查询、分析和展示地理数据。...
webGis: Leaflet的demo程序
07-05
这个"webGis: Leaflet的demo程序"可能包含以下关键知识点： 1. **地图初始化**：Leaflet的初始化通常涉及创建一个地图容器，并指定地图的初始视图，包括中心点坐标和缩放级别。例如： ```javascript var map = L....
webgis：vidi的webgis配置
02-23
WebGIS，全称为Web地理信息系统，是一种基于互联网技术的地理信息处理与服务系统。它将地理数据、GIS功能与Web技术结合，使用户无需安装专业软件就能通过浏览器访问和操作地理信息。在本项目中，我们关注的是"vidi...
webgis完整功能例子-MapEasy
07-28
WebGIS完整功能例子 其他人的太贵了。。。好东西大家要学会共享，有需要的拿走，如果对你有帮助 希望大家可以记住我
webgis学习初步arcgis api for js
04-02
WebGIS，全称为Web地理信息系统，是一种在互联网上进行地理信息处理、分析和展示的技术。它结合了Web技术和GIS（地理信息系统）的功能，使得用户无需安装专业软件即可通过浏览器访问和操作地理信息。本教程主要关注...
js基础-Geolocation API
front_end_fan
09-22 523
Geolocation API（地理位置）1、地理位置（Geolocation API）Geolocation接口用于获取用户的地理位置。它使用的方法基于GPS或者其他机制（比如IP地址、Wifi热点、手机基站等）。1.1 检测地理位置是否可用if('geolocation' in navigator){ //地理位置可用 }else{ //地理位置不可用 } 1.2 获取当前定位
如何定位Java源文件_webgisframe.java 源代码在线查看 - 实现网络GPS定位车辆的位置 资源下载 虫虫电子下载站...
weixin_34377744的博客
02-26 113
tcpSocket=socket; intNumber=count; ListGpsMessage=listbox; } /* public void InsertDatabase(String gps_message) { //插入数据库 String i=""; ...
基于HTML5的移动Web应用——Geolocation地理定位
Meryoufdd的博客
02-27 222
在PC端，通常使用IP来定位该IP用户的位置，移动端定位有多种方式，最准确的是GPS。检测浏览器是否支持定位API，只需要CurrentPosition()被调用时会发起一个异步请求，浏览器会调用系统底层的硬件(如GPS)来更新当前的位置信息，当信息获取到之后会在回调函数中传入position对象。Geolocation API是通过获取地理位置的经纬度来进行定位的，它封装了获取位置的技术细节，开发者不用关心位置信息究竟从何而来，极大地简化了应用的开发难度。alert("正在获取您的位置.");
通过高德地图API实现浏览器定位[以及提高定位精度、获取详细位置信息]
Mcszl的博客
05-21 1万+
基于高德地图JS API定位、获取位置信息
WebGIS 信息系统-系统实现
leva的博客
06-28 571
在src 文件夹下的包com. esri. arcgis. android. samples.helloworld 中新建一个J ava 源文件，命名为Ma i nActivi ty.iava ，作为程序的主界面，需要实现如下功能： 地图加载，实现定位，通过菜单切换不同类型的地图，通过按钮控件启动二级界面等。需要注意的是，起始点输入框在运行的时候会以Dialog 对话框的形式加载而不是以Activity 的形式加载。为选项菜单的菜单项添加点击事件，这样可以实现用菜单来切换地图类型的功能。
【前端探索】移动端H5获取地理位置的探索
luciozhang的博客
12-28 8287
由于现在做的是强依赖于LBS的业务，在业务迭代的两年间，我们遇到了无数关于Web页面上获取用户位置定位的问题，多年的踩坑经验，总结成了下面的文章，下面来好好回答这些问题。
coords 动态定位_[WebGIS] HTML5跟踪GPS轨迹（1）关于HTML5中的定位函数
weixin_39662462的博客
12-20 363
在前文《HTML5跟踪GPS轨迹(0)应用开发及简介》中介绍了使用HTML5跟踪GPS轨迹的思路，本文就介绍下笔者收集的关于HTML5中定位相关的函数。PS：最近有一点忙，就没更新，抱歉。在HTML5中定位相关的API是由navigator.geolocation对象提供的，在浏览的Console中输入navigator.geolocation,可以查看这个对象的具体内容。可见navigator....
WebGIS：互联网地理信息系统的核心功能与优势
"WebGIS是将互联网技术和地理信息系统（GIS）结合，允许用户通过Web浏览器访问和操作地理信息。它提供了空间数据发布、查询检索、处理、可视化和模型分析等功能，实现了地理信息的广泛访问和跨平台共享。" 在深入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是席木木啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值