openlayers：实现地理坐标 (附完整源码）

用户请求地理数据或者其他数据，服务器要以一定的客户端能够识别的数据格式返回，数据格式是否高效，直接影响用户的体验！首先要求数据格式要是轻量级的，还要求客户端处理数据方便快捷，相较于XML，JSON满足这两个要求，且目前应用广泛，非常流行。而在传输地理信息方面，相应有GeoJSON。下面咱就来了解一下GeoJSON，并看看它怎么应用到应用里！

openlayer加载wfs图层的地址说明 如果我们把wfs图层发布在geoserver上，那么大多数情况下会生成一个发布地址： http://ip:port/geoserver/工作区名称/ows?service=WFS… openlayer加载时后面也要填补上，这里对后面填补的内容说明一下： http://ip:port/geoserver/工作区名称/ows?service=WFS&am...

# 数据 ## 数据说明：广州天河区路网.shp ## 坐标系：EPSG:3857 ## 坐标系范围：[-20037508.34, -20037508.34, 20037508.34, 20037508.34] ## 数据范围：[12612071.934997188, 2644615.605161872, 12628768.72360215, 2660183.6516002486] ## 数据中心：[12620420.32929967, 2652399.6283810604].....

openlayers：实现显示地理位置坐标（附完整源码）

openlayers：实现地图地理坐标和屏幕像素坐标相互转换（附完整源码）

openlayers：实现自定义坐标系（附完整源码）

最近搭建内网地图用到前端openlayer框架，以杭州萧山经纬度作为示例：openlayers地图搭建步骤：1. 开地图服务（这里用的是arcgis做的地图服务）2. 确定瓦片地图的坐标系，瓦片地图名称（需要和地图服务里的对应），服务位置，比例尺，代码如下//坐标系 var gridsetName = 'EPSG:4326' // 瓦片地图的名称，需要和地图服务里的相同 var gridNames...

这里面有个注释掉的方法，读者可以打开试试，其实就是标记的时候打印经纬度，一般这个值我们都用来存储数据库中。将ol.js、ol.css放在根目录下，当然还有你的瓦片地图也放在根目录下。创建一个项目，普通原生前端项目就行。marker.png是标记坐标点的。

141.47481066172395, 40.556824419796385] ===》4326地理坐标系 即常说的经纬度。[15748903.882937903, 4947191.502814008] ===》3857投影坐标系。cesium开发过程中需要处理接口中的4326和3857坐标系相互转换的问题。4326为地理坐标系 3857为投影坐标系。④注意 方法中传入的数据为数组格式。

axisOrientation: 'enu' // 东-北-上});// 添加到全局投影列表。

EPSG: 3857 --web地图，基于球体的、web墨卡托投影（伪墨卡托投影Pseudo-Mercator）的投影坐标系，范围为纬度85度以下，由于google地图最先使用而成为事实标准。至今，大多互联网地图都使用EPSG3857，主要是因为该投影是等角投影，适合地图定向及导航，但是纬度越高，面积变形越大。EPSG: 4326 --全球通用，基于WGS84椭球的经纬度坐标系，大地坐标系，在 EPSG: 4326 坐标系中，经度表示位置的横向偏移量，范围为 -180 到 180，单位是度；

openlayers 默认的坐标系的原点在左上角，向上为y轴正方向，向右为x轴正方向。 也就是说，地图投影到一个平面后，平面的左边对应着地球的西边，也是x轴负方向；平面上面对应地图的北面，也是y轴正方向。 但是并不是所有的瓦片地图都采用这样的坐标系，例如百度地图，它是将坐标系原点设为地图视图的中心点，因此坐标是有正负的，负值添加了 'M’ 前缀作为区分。 <div id="baiduMap" style="width: 100%"></div> <script>

目录 EPSG:4326 & EPSG:3857 EPSG:4326 与 EPSG:3857 的坐标转换 EPSG: 4490 Openlayers 自定义坐标系（EPSG:4490 和 EPSG:4525) EPSG:4326 & EPSG:3857 Openlayers 中常用的坐标系为 EPSG:4326 和 EPSG:3857，分别对应 WGS84 坐标系统中的地理坐标（经纬度）和投影坐标（X，Y）。EPSG:4326 通过经纬度记录坐标，方便存储，可读性高。Openl.

OpenLayers 3 坐标、坐标系、投影 一、坐标 代码中我们常见到的数组 [0,0] 就是我们常说的坐标 坐标是一个包含两个元素的数组，第一个元素代表地图上的x坐标，第二个元素代表地图上的y坐标。通过x坐标和y坐标我们就可以定位到地图上的任何一个位置 二、坐标系 学过地理知识都知道，地球并不是一个完全规则的球体。在不同的地区，为了在数学上表示它，就出现了多种不同的参考椭球体，比如克拉索夫斯基(Krasovsky)椭球体，WGS1984椭球体，更多的椭球体参见参考椭球体。在参考椭球体的基础上，就发展出

地图中坐标系是非常多的，最常用的是EPSG:3857（等于谷歌的900913，等于esri的102100）的web墨卡托投影和GPS的EPSG:4326的WGS84坐标系。业务场景中，很多时候并不是这些常用坐标系，比如要使用北京54，西安80等坐标系怎么办咧？本文仅仅抛砖引玉，介绍方法，阐述如何应用自定义坐标...

地理坐标系 地理坐标系是使用三维球面来定义地球上的位置。 投影坐标系 地理坐标系是三维的，而我们在地图或者屏幕上显示需要将其转换为二维，这就被称为投影。常用的投影有等距矩形投影（Platte Carre）和墨卡托投影（Mercator）。两种投影以下图所示： 右上为墨卡托投影，投影后仍然是圆形，但是在高纬度时物体被严重放大了。右下为等距投影，物体的大小变化不是那么明显，但是图像被拉长了。Pla...

1.https://openlayers.org/en/latest/examples/feature-move-animation.html 图标 行进轨迹动画 使用后期渲染事件和矢量上下文沿线对标记要素设置动画。在该示例中，使用了编码折线。 2.https://openlayers.org/en/latest/examples/utfgrid.html?q=dynamic-data 有用...