续前一篇,上一篇提到百度地图纠偏的基本思路,经过经过一天的努力,实现了百度地图坐标偏移参数的提取,步骤以及实现效果如下:
<!--[if !supportLists]-->1、<!--[endif]-->数据来源:四川省的省道矢量数据
<!--[if !supportLists]-->2、<!--[endif]-->提取坐标偏移参数的过程如下:
A、将四川省地图范围按一定的范围划分成多个相同的网格
B、为网格准备纠偏数据:读取四川省省道矢量数据,并将矢量数据分配到划分的网格
C、加载百度在线或者离线地图,绘制矢量数据,使用页面上的按钮,将省道图形移动到正确的位置,记录偏移参数。
D、采用查表法对地图进行“纠偏”:将需要添加到地图上的坐标,采用查表法找到该坐标所在的区域,加上坐标偏移参数后,绘制到地图上。
准备的纠偏数据:
本人较熟悉GIS基础算法和常用地图文件读取,在此不详细介绍生成过程。
“纠偏”页面:
如上图所示,输入id点击加载,在地图上绘制线路,并通过上下左右几个按钮,对图形就行移动,并记录纠偏参数,纠偏后如下图所示:
经过纠偏并记录纠偏参数后,形成如下文件:
纠偏后的效果:
上面几张图,展示了不同地点纠偏后的效果图,可以看出基本实现了坐标纠偏。
存在的主要问题:
工作量:目前我只做了四川省的纠偏参数,因为要一个个在页面上移动数据并记录纠偏参数,所以效率较低。大概获取一个省的纠偏参数,需要大半天到1天时间。因为时间关系,暂时不做其他省市的纠偏参数提取。有兴趣的朋友可以联系索取其他省市的数据,我的QQ:8313632
相关推荐
OpenLayers是一个开源JavaScript库,用于创建交互式的地图应用,而百度地图是中国领先的在线地图服务提供商,提供丰富的地图数据和API。 要实现OpenLayers调用百度地图,我们需要做以下几步: 1. **理解OpenLayers...
OpenLayers 是一个流行的开源JavaScript库,用于在Web浏览器中创建交互式地图应用。这个压缩包“openlayers5加载百度地图.zip”显然包含了使用OpenLayers 5版本与百度地图API集成的示例代码。OpenLayers 5是这个库的...
OpenLayers 是一个流行的开源JavaScript库,用于在网页上创建交互式的地图应用。版本4.2是该库的一个重要里程碑,提供了丰富的功能和优化,使得开发者能够轻松地集成各种地图服务,包括在线和离线的地图数据。本文将...
项目需求是想在百度地图上面用openlayers渲染热力图,然后就去看了相关openlayers的文档,选择了6.15.1版本,然后仿照地震热力图例子写了代码,但是由于自带是OSM地图,不符合项目要求,所以研究了如何加载百度地图...
OpenLayers是一个强大的JavaScript库,专门用于创建交互式的地图应用程序,而百度地图则提供了丰富的地图数据和API接口。 【描述】:“1、openlayer加载百度地图;2、html,javascript网页显示;3、openlayer主要...
Cesium 常用地图纠偏 百度、高德、Arcgis、腾讯地图纠偏 资源预览:http://dongnan185.com:8083/videos/jiupian.mp4 启动:npm i npm run serve
在IT行业中,前端开发是构建Web应用程序的关键部分,而OpenLayers是一个流行的JavaScript库,用于创建交互式的、基于Web的地图应用。本实例将详细介绍如何利用OpenLayers加载离线地图,并通过mui将其打包成移动应用...
OpenLayers 是一个强大的开源JavaScript库,用于在Web浏览器中创建交互式地图应用。它支持多种数据源,包括瓦片地图,使得开发者可以轻松地将地理信息集成到网站中。本教程将详细介绍如何使用OpenLayers加载瓦片地图...
在WebGIS开发中,OpenLayers 3 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。这个库提供了丰富的功能,使开发者能够轻松地整合多种地图服务,包括百度地图、天地图、高德地图以及Google地图。...
它支持多种地图服务,包括WMS、WMTS等,同时也非常适合用来创建离线地图应用。本DEMO展示了如何利用OpenLayers来发布和展示离线地图瓦片数据。 离线地图的实现主要依赖于将在线地图数据预先下载并存储在本地,然后...
在GIS(地理信息系统)领域,OpenLayers是一个广泛使用的开源JavaScript库,用于在Web浏览器中创建交互式的地图应用。本文将详细讲解如何利用OpenLayers加载本地离线地图瓦片,这在没有网络连接或者需要保障地图数据...
在GIS(地理信息系统)领域,OpenLayers是一个广泛使用的开源JavaScript库,用于在Web浏览器中创建交互式的地图应用。本示例“baiduMap_openlayer”是关于如何利用OpenLayers加载和展示百度地图与高德地图的教程。这...
离线地图的比较,百度地图离线,天地图,openlayers地图
OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图服务,包括全球知名的地图服务提供商——天地图。天地图是中国官方的地理信息公共服务平台,提供丰富的地形图、卫星...
OpenLayers 是一个流行的开源JavaScript库,用于在网页上创建交互式的地图应用。版本5提供了许多增强功能和优化,使得开发者能够更加便捷地处理地图数据。本文将深入探讨如何使用OpenLayers 5加载天地图影像,这是一...
OpenLayers 是一个强大的开源JavaScript库,专用于在Web上创建交互式地图应用。它支持多种地图服务,包括WMS、WMTS等,并且能够轻松地集成地理信息系统(GIS)功能。OpenLayers 5是该库的一个较新版本,带来了许多...
OpenLayers笔记1:加载矢量地图数据的方法以及应对跨域问题的解决方法加载矢量地图数据的两种方法加载本地geojson格式文件出现的跨域问题及解决方法。向geoserver请求WFS服务出现的跨域问题及解决方法。 加载矢量...
OpenLayers是一个开源JavaScript库,用于创建交互式地图应用。它支持多种地图服务,包括WMS、WMTS等,并提供了丰富的API,使得开发者可以轻松地构建复杂的地图应用。 要实现地图选中要素后的右键功能,我们需要以下...
OpenLayers 3 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。这个示例专注于使用OpenLayers 3调用离线谷歌切片地图,这是一个非常实用的功能,特别是对于那些无法连接到互联网或者希望在本地...
OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图服务,包括WMS、WMTS等,并且能够处理不同类型的地理数据,如瓦片地图、矢量数据等。本DEMO展示了如何利用OpenLayers...