`
cdguiyi
  • 浏览: 15915 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

openlayers3应用(三):百度地图“纠偏”

阅读更多

前两篇文章介绍了openlayers3加载百度在线和离线瓦片地图,页面上能够正常显示。地图加载后在地图上显示一条GPS轨迹,发现离实际位置相差太远,如下图所示:



  

轨迹形状和实际形状相同,但是位移太远,采用坐标加偏移的方法(在原有经纬度坐标基础上进行数值增减),得到和实际轨迹完全重新的新的轨迹,如下图所示:



  

在地图上添加另外一条车辆轨迹,发现使用相同的坐标偏移量后,第二条轨迹又存在偏差,第二条轨迹未做偏移前如图所示:



 
 
  

经过坐标偏移后如下图:



  

可以看到地图上两条轨迹,使用相同的坐标偏移量,不能进行“纠偏”,继续调整第二条轨迹的坐标偏移量,使第二条轨迹也和实际位置重合,第二条轨迹“纠偏”后如下图所示:



  

上述“纠偏”过程可以看出,百度地图对数据进行了二次偏移,并且偏移量不是线性的,但是一定区域内,坐标偏移量是相同的,上述两条车辆轨迹的区域,采用相同的偏移量,可以在地图上和实际道路完全重合。

百度坐标“纠偏”的基本思路:将一定范围的地图划分为多个矩形区域,在这些区域添加一些参照坐标(如该矩形区域内的高速,国道等),将这些坐标绘制到页面上,将图形移动到跟设计道路或者参照目标完全重合的位置,得到该矩形区域的坐标偏移量。在地图上绘制图元对象时,得出每个坐标点所在区域的偏移量,对坐标点进行偏移,从而实现百度地图“纠偏”。

  • 大小: 207.5 KB
  • 大小: 229 KB
  • 大小: 72.6 KB
  • 大小: 51.4 KB
  • 大小: 76.5 KB
分享到:
评论
2 楼 cdguiyi 2017-04-07  
我这里面有怎么纠偏的文章,你看看
1 楼 h1612993 2017-03-28  
我加载地图的中心点偏差很大,标注点就更不用说了。你上面的轨迹,不算纠偏问题,应该说,标注上去起码是正确的,要保证标注正确,前提就要保证加载地图规则是正确的,你是如何做到的?我按你文章中的加载方式试过,就中心点偏差就很大。

相关推荐

    openlayers 调用百度地图

    OpenLayers是一个开源JavaScript库,用于创建交互式的地图应用,而百度地图是中国领先的在线地图服务提供商,提供丰富的地图数据和API。 要实现OpenLayers调用百度地图,我们需要做以下几步: 1. **理解OpenLayers...

    openlayers5加载百度地图.zip

    OpenLayers 是一个流行的开源JavaScript库,用于在Web浏览器中创建交互式地图应用。这个压缩包“openlayers5加载百度地图.zip”显然包含了使用OpenLayers 5版本与百度地图API集成的示例代码。OpenLayers 5是这个库的...

    openlayers3添加各种地图资源

    在WebGIS开发中,OpenLayers 3 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。这个库提供了丰富的功能,使开发者能够轻松地整合多种地图服务,包括百度地图、天地图、高德地图以及Google地图。...

    openlayers 4.2 加载百度 高德

    OpenLayers 是一个流行的开源JavaScript库,用于在网页上创建交互式的地图应用。版本4.2是该库的一个重要里程碑,提供了丰富的功能和优化,使得开发者能够轻松地集成各种地图服务,包括在线和离线的地图数据。本文将...

    openlayers3 调用离线谷歌切片地图 示例

    OpenLayers 3 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。这个示例专注于使用OpenLayers 3调用离线谷歌切片地图,这是一个非常实用的功能,特别是对于那些无法连接到互联网或者希望在本地...

    解决openlayers加载百度地图,坐标偏移,热力图渲染闪烁问题

    项目需求是想在百度地图上面用openlayers渲染热力图,然后就去看了相关openlayers的文档,选择了6.15.1版本,然后仿照地震热力图例子写了代码,但是由于自带是OSM地图,不符合项目要求,所以研究了如何加载百度地图...

    二三维离线地图演示系统 V1.0(for OpenLayers3)

    【二三维离线地图演示系统 V1.0(for OpenLayers3)】 在现代WebGIS应用中,OpenLayers是一个非常流行的开源...它不仅可以帮助理解OpenLayers 3的用法,还可以了解到如何结合第三方地图数据源,构建自己的地图应用。

    Cesium 常用地图纠偏 百度、高德、Arcgis、腾讯地图纠偏

    Cesium 常用地图纠偏 百度、高德、Arcgis、腾讯地图纠偏 资源预览:http://dongnan185.com:8083/videos/jiupian.mp4 启动:npm i npm run serve

    openlayers3+ 地图右键

    OpenLayers是一个开源JavaScript库,用于创建交互式地图应用。它支持多种地图服务,包括WMS、WMTS等,并提供了丰富的API,使得开发者可以轻松地构建复杂的地图应用。 要实现地图选中要素后的右键功能,我们需要以下...

    openlayers发布简易离线地图DEMO

    它支持多种地图服务,包括WMS、WMTS等,同时也非常适合用来创建离线地图应用。本DEMO展示了如何利用OpenLayers来发布和展示离线地图瓦片数据。 离线地图的实现主要依赖于将在线地图数据预先下载并存储在本地,然后...

    baiduMap_openlayer(openlayer加载百度地图例子)

    OpenLayers是一个强大的JavaScript库,专门用于创建交互式的地图应用程序,而百度地图则提供了丰富的地图数据和API接口。 【描述】:“1、openlayer加载百度地图;2、html,javascript网页显示;3、openlayer主要...

    openlayers加载瓦片地图并手动标记坐标点

    OpenLayers 是一个强大的开源JavaScript库,用于在Web浏览器中创建交互式地图应用。它支持多种数据源,包括瓦片地图,使得开发者可以轻松地将地理信息集成到网站中。本教程将详细介绍如何使用OpenLayers加载瓦片地图...

    OpenLayers地图要素tooltip[文字提示]

    OpenLayers是一个开源JavaScript库,专为构建交互式地图应用而设计。它允许开发者在Web页面上集成各种地图数据,包括WMS、WFS等服务,同时也支持多种地图投影。在OpenLayers中,"tooltip"(文字提示)是一种常见的...

    openlayers3-test:openlayers3测试

    这个"openlayers3-test"项目显然是一个针对OpenLayers 3的测试集或示例集合,帮助开发者理解和学习如何有效地使用这个库。下面将详细讨论OpenLayers 3的核心概念、功能以及与JavaScript的关系。 OpenLayers 3 的...

    使用openlayers加载离线地图实例

    在IT行业中,前端开发是构建Web应用程序的关键部分,而OpenLayers是一个流行的JavaScript库,用于创建交互式的、基于Web的地图应用。本实例将详细介绍如何利用OpenLayers加载离线地图,并通过mui将其打包成移动应用...

    openlayers3+geoserver地图交互

    本篇文章将详细介绍如何利用OpenLayers 3和GeoServer来构建一个具备地图框选、点击街道选中要素以及绘点功能的应用。OpenLayers 3是一个流行的JavaScript库,用于在Web浏览器中显示地图;而GeoServer则是一个开源的...

    baiduMap_openlayer(openlayer加载百度地图和高德地图例子)

    在GIS(地理信息系统)领域,OpenLayers是一个广泛使用的开源JavaScript库,用于在Web浏览器中创建交互式的地图应用。本示例“baiduMap_openlayer”是关于如何利用OpenLayers加载和展示百度地图与高德地图的教程。这...

    openlayers发布离线地图DEMO

    OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图服务,包括WMS、WMTS等,并且能够处理不同类型的地理数据,如瓦片地图、矢量数据等。本DEMO展示了如何利用OpenLayers...

    openlayers5加载天地图影像.zip

    OpenLayers 是一个流行的开源JavaScript库,用于在网页上创建交互式的地图应用。版本5提供了许多增强功能和优化,使得开发者能够更加便捷地处理地图数据。本文将深入探讨如何使用OpenLayers 5加载天地图影像,这是一...

    openlayers加载本地离线地图瓦片(重新发2018-10-23)

    在GIS(地理信息系统)领域,OpenLayers是一个广泛使用的开源JavaScript库,用于在Web浏览器中创建交互式的地图应用。本文将详细讲解如何利用OpenLayers加载本地离线地图瓦片,这在没有网络连接或者需要保障地图数据...

Global site tag (gtag.js) - Google Analytics