gis openlayers 详解

如何用OpenLayers开源地图引挚发布离线地图这里以吉林省吉林市地图为例，说明如何用OpenLayers开源地图引挚发布离线谷歌卫星地图。

在万能地图下载器中，选择吉林省吉林市显示行政区划，然后点击“下载”按钮，可以新建任务。

在新建任务对话框中选择需要下载的级别，一般是从当前行政区划显示的级别开始选择（这里是第9级），一直接选择到第19级（国内19级清晰度效果最佳，19级以上基于19级放大），由于数据量非常大，这里只为了说明如何用OpenLayers开源地图引挚发布离线卫星地图的方法，因此这里以选择到第13级为例。

在“新建任务”对话框中，点击“导出设置”可以设置相关导出参数，我们可以选择导出大图、导出瓦片和导出离线包等三种方式。

由于这里我们用OpenLayers开源地图引挚发布离线卫星地图需要用的是瓦片格式，因此这里选择“导出瓦片”选项。

新建任务详细参数说明，请参阅：新建地图下载任务参数说明在“导出瓦片”选项的相关参数中，我们选择瓦片格式为“TMS瓦片”、文件格式为PNG，坐标坐标投影为墨认的“WGS84 Web 墨卡托投影”，选择“边界范围裁剪”，背景颜色为“透明”背景。

导出瓦片详细参数说明，请参阅：导出瓦片参数说明分别点击“确定”按钮开始下载任务，下载并自动导出后可以看到导出的瓦片目录为8到12级而不是我们选择的9到13级，这是因为软件中的级别编号是从1开始，而标准的TMS瓦片命名规则都是从0开始，因此该情况属于正常情况，瓦片的行列号编号规则同理。

将下载的地图瓦片目录复制到OpenLayers开源地图引挚发布离线地图的源码示例中。

用专业的WebGIS开发工具Visual Studio Code可以打开源代码进行功能开发。

Visual Studio Code下载安装教程，请参阅：如何安装WebGIS开发工具Visual Studio Code双击OpenLayers开源地图引挚发布离线地图源码中的“map.html”文件，可以在浏览器中打开查看在线地图。

OpenLayers1 OpenLayers简介OpenLayers是由MetaCarta公司开发的，用于WebGIS客户端的JavaScript包。

它实现访问地理空间数据的方法都符合行业标准，比如OpenGIS的WMS和WFS规范，OpenLayers 采用纯面向对象的JavaScript方式开发，同时借用了Prototype框架和Rico库的一些组件。

采用OpenLayers作为客户端不存在浏览器依赖性。

由于OpenLayers采用JavaScript语言实现，而应用于Web浏览器中的DOM（文档对象模型）由JavaScript实现，同时，Web浏览器（比如IE，FF等）都支持DOM。

OpenLayersAPIs采用动态类型脚本语言JavaScript编写，实现了类似与Ajax功能的无刷新更新页面，能够带给用户丰富的桌面体验（它本身就有一个Ajax类，用于实现Ajax功能）。

目前，OpenLayers所能够支持的Format有：XML、GML、GeoJSON、GeoRSS、JSON、KML、WFS、WKT(Well-Known Text)。

在OPenlayers.Format名称空间下的各个类里，实现了具体读/写这些Format的解析器。

OpenLayers所能够利用的地图数据资源“丰富多彩”，在这方面提供给拥护较多的选择，比如WMS、WFS、GoogleMap、KaMap、MSVirtualEarth、WorldWind等等。

当然，也可以用简单的图片作为源。

在操作方面，OpenLayers 除了可以在浏览器中帮助开发者实现地图浏览的基本效果，比如放大（Zoom In）、缩小（Zoom Out）、平移（Pan）等常用操作之外，还可以进行选取面、选取线、要素选择、图层叠加等不同的操作，甚至可以对已有的OpenLayers 操作和数据支持类型进行扩充，为其赋予更多的功能。

例如，它可以为OpenLayers 添加网络处理服务WPS 的操作接口，从而利用已有的空间分析处理服务来对加载的地理空间数据进行计算。

openlayers学习之-----⼊门篇openlayers官⽹:中⽂参考⽂档：中⽂教程：找到⼀些相关博客：【如果有⼈发现更多中⽂⽂档或教程，多多分享哦~】1、什么是WebGISGIS（Geographic Information System，地理信息系统）是⼀种采集、处理、储存、管理、分析、输出地理空间数据及其属性信息的计算机信息系统。

WebGIS（⽹络地理信息系统）是⼀种在Internet或Intranet环境下基于HTTP协议的⽤来存储、管理、分析、发布和共享地理信息的B/S（浏览器/服务器）模式分布式计算机应⽤系统2、什么是OpenLayersOpenLayers 是⼀个专为Web GIS 客户端开发提供的JavaScript 类库包，⽤于实现标准格式发布的地图数据访问。

3、⼀些地理信息相关名词地理坐标系（Geographic coordinate system）：使⽤三维球⾯来定义地球表⾯位置。

投影坐标系（Projected coordinate systems）：基于地理坐标系，把三维坐标系转为⼆维，⽅便在地图或者屏幕上显⽰。

EPSG:4326 (WGS84)： WGS84 是⽬前最流⾏的地理坐标系统。

每个坐标系统都会被分配⼀个 EPSG 代码，EPSG:4326 是 WGS84 的代码。

4、快速开始openlayers第⼀次使⽤在vue脚⼿架中，先安装：cnpm install ol官⽹快速⼊门例⼦~<template><div><h5>第⼀个地图：</h5><div id="map" ref="myMap" class="map"></div></div></template><script>import 'ol/ol.css';import Map from 'ol/Map';import View from 'ol/View';import {fromLonLat} from 'ol/proj';import {Tile as TileLayer} from "ol/layer";import OSM from 'ol/source/OSM';export default {data() {return {map: null}},mounted() {this.initMap()},methods: {initMap() {const myMap = this.$refs.myMap;this.map = new Map({target: myMap,layers: [new TileLayer({source: new OSM()})],view: new View({center: fromLonLat([37.41, 8.82]),zoom: 4})});}}}</script><style scoped>.map{width: 1000px;height: 500px;margin-top: 30px; }</style>效果：。

openlayers基础概念一、简介OpenLayers是一个开源的Web地图开发框架，它提供了一组丰富的地图功能，包括地图浏览、缩放、定位、图层叠加等。

OpenLayers支持多种地图数据源，包括WMS、TMS、GeoJSON等，同时也支持自定义图层。

通过OpenLayers，开发者可以轻松地构建各种类型的Web地图应用，包括地理信息系统（GIS）、地理数据可视化、地图分析等。

二、核心概念1.地图（Map）地图是OpenLayers的核心对象，它表示一个地理区域的可视化。

地图由多个图层组成，包括底图图层和叠加图层等。

开发者可以通过API设置地图的属性和方法，实现地图浏览、缩放、定位等功能。

2.图层（Layer）图层是地图的基本组成单元，它表示地图上的一个数据层。

OpenLayers支持多种类型的图层，包括WMS图层、TMS图层、GeoJSON图层等。

每个图层都有自己的数据源和渲染方式，可以叠加在底图上展示。

3.控件（Control）控件是OpenLayers中用于交互的组件，它可以帮助用户更好地与地图进行交互。

控件包括多种类型，如导航控件、缩放控件、测量控件等。

通过控件，用户可以实现地图的平移、缩放、定位等操作。

4.事件（Event）事件是OpenLayers中用于处理用户交互的机制。

当用户与地图进行交互时，会产生相应的事件。

开发者可以通过监听这些事件，获取用户的操作意图，并进行相应的处理。

事件类型包括click事件、mousemove事件等。

5.样式（Style）样式是OpenLayers中用于控制图层渲染的参数。

通过样式，开发者可以设置图层的颜色、线条粗细、透明度等属性，从而影响图层的显示效果。

样式可以应用于不同的图层类型，如点状图层、线状图层、面状图层等。

【转】OpenLayersOpenLayers：OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。

OpenLayers支持的地图来源包括了WMS，GoogleMap，KaMap，MSVirtualEarth等等，您也可以用简单的图片作为源，在这一方面OPenLayers提供了非常多的选择。

WMS服务：1 OGC组织及其开放性规范为了实现异构的地理空间信息及GIS处理功能的互操作的集成，OGC(Open GIS Consortium)一直致力于寻求一种方式，将地理信息系统技术、分布处理技术、面向对象技术、数据库设计以及实时信息处理方法有效地结合起来，实现分布式异构平台上GIS互操作［2］。

OGC制定了开放地理信息互操作规范(OGIS)，试图通过共同的开放地理数据模型(OGM)和OGIS参考模型(ORM)来实现互操作。

其目的是希望提出一个可扩展的、基于各种标准的、能无缝集成各种在线空间处理和位置服务的框架，使得分布式空间处理系统能通过XML和HTTP技术进行交互，并为各种在线空间数据资源，来自传感器的信息、空间处理服务和位置服务和基于Web的发现、访问、整合、分析、利用和可视化提供互操作框架［3］。

OGC的中心主题是共享信息和提供服务，在OGC的抽象规范中共有17个主题，其中主题12是开放式Web Services空间信息服务框架［4，5］，它包含一系列的抽象规范和实现规范。

概括地来讲，OGC OpenGIS Web Services(OWS)包括三个主要的地理信息服务即Web Map Service(WMS)、Web Feature Service(WFS)和Web Coverage Service(WCS)。

除此之外，还包括Simple Feature Specillcation(SFS)，Geography Markup Language(GML)等。

Openlayers实现地图的基本操作本⽂实例为⼤家分享了Openlayers实现地图基本操作的具体代码，供⼤家参考，具体内容如下1、新建⼀个html页⾯，引⼊ol.js和ol.css⽂件，然后在body中创建⼀个Div标签和4个Button按钮，⽤来实现地图的放⼤、缩⼩、平移等功能；2、代码实现<!DOCTYPE html><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><script src="../lib/ol/ol.js"></script><link href="../css/ol.css" rel="stylesheet" /><style type="text/css">#menu{float : left;position : absolute;bottom : 10px;font-size : 20px;z-index : 2000;}</style><script type="text/javascript">window.onload = function () {//实例化map对象并加载地图var map = new ol.Map({//存放地图⽬标容器target: 'map',//加载图层layers: [//新建⼀个⽡⽚地图图层new yer.Tile({//⽡⽚地图数据源source: new ol.source.OSM()})],//初始化视图view: new ol.View({//视图中⼼点坐标center: [12550000, 3680000],//缩放等级zoom: 8,//最⼩缩放等级minZoom: 6,//最⼤缩放等级maxZoom: 12,//地图旋转30度rotation: Math.PI/6})});//获取地图的初始化信息var view = map.getView();var zoom = view.getZoom();var center = view.getCenter();var rotation = view.getRotation();//地图缩⼩document.getElementById("zoom-out").onclick = function () {//获取地图当前视图var view = map.getView();//获取地图当前缩放等级var zoom = view.getZoom();//每单击⼀次地图的缩放等级减⼀，以实现地图缩⼩view.setZoom(zoom - 1);};//地图放⼤document.getElementById("zoom-in").onclick = function () {//获取地图当前视图var view = map.getView();//获取地图当前缩放等级var zoom = view.getZoom();//每单击⼀次地图的缩放等级加⼀，以实现地图放⼤view.setZoom(zoom + 1);};//地图平移document.getElementById("panto").onclick = function () { //获取地图当前视图var view = map.getView();//指定要平移到的位置的坐标var position = ol.proj.fromLonLat([115.2341, 32.4652]);//重设地图中⼼点，实现平移view.setCenter(position);};//地图重置document.getElementById("restore").onclick = function () { //重置中⼼点位置为初始化位置view.setCenter(center);//重置旋转⾓度为初始化⾓度view.setRotation(rotation);//重置缩放等级为初始化缩放等级view.setZoom(zoom);};}</script></head><body><div id="map"><div id="menu"><button id="zoom-out">缩⼩</button><button id="zoom-in">放⼤</button><button id="panto">平移⾄...</button><button id="restore">重置</button></div></div></body></html>3、运⾏结果初始化界⾯单击缩⼩按钮，实现地图缩⼩单击放⼤按钮，实现地图放⼤单击平移⾄按钮，地图平移到指定的位置（⾩阳附近）单击地图右上⾓的箭头按钮，使地图⽆旋转单击重置按钮，地图回到初始状态以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

openlayers 中的一些方法yer：initialize：创建层Div，注册事件destroy：注销clone：克隆当前层setName：设置层nameaddOptions：添加附属属性onMapResize：虚函数。

由子函数实现。

redraw：重画moveTo：移动。

（未实现有意义动作）setMap：设置层所属的地图removeMap：移除地图。

虚函数，由子函数实现getImageSize：返回图片尺寸setTileSize：设置瓦片尺寸和图片尺寸getVisibility：返回层可见性setVisibility：设置层的可见性display：显示或隐藏层calculateInRange：本层分辨率是否在地图分辨率容纳范围内setIsBaseLayer：设置或取消该层为BaseLayer initResolutions：初始化分辨率相关数据getResolution：取当前分辨率getExtent：取地图当前范围getZoomForExtent：由尺寸范围得缩放级别getDataExtent：取本层的范围边界，虚函数由子函数实现getResolutionForZoom：由缩放级别得分辨率getZoomForResolution：由分辨率得缩放级别getLonLatFromViewPortPx：视口坐标转经纬度getViewPortPxFromLonLat：经纬度转视口坐标setOpacity：设置层的透明度（包括其所以子节点，即图片）setZIndex：设置层的z轴值adjustBounds：边界校正---------------------------OpenLayers.Map：initialize：初始化。

瓦片尺寸、地图最大范围、弹出窗口边界、主题样式、创建地图Dom元素、创建视窗Div、创建层容器Div、更新地图Div尺寸、注册事件、添加Controldestroy：销毁Control、销毁层、移除视口Div、注销监听事件setOptions：设置附件参数getTileSize：返回瓦片尺寸getBy：使用指定的规则对队列的某属性匹配出一组对象getLayersBy：使用指定的规则对地图的层的某属性匹配出一组对象getLayersByName：使用指定的规则对地图的层的名字匹配出一组对象getLayersByClass：使用指定的规则对地图的层的类名匹配出一组对象getControlsBy：使用指定的规则对地图的control匹配出一组对象getControlsByClass：使用指定的规则对地图的control的类名匹配出一组对象getLayer：根据id由层堆栈中检索层setLayerZIndex：设置z轴值resetLayersZIndex：重置所有层的z轴值（按其在堆栈中的位置设置）addLayer：增加层addLayers：批量增加层removeLayer：移除层getNumLayers：返回层数目getLayerIndex：返回指定层在地图的层堆栈中的位置setLayerIndex：设置指定层在地图的层堆栈中新的位置（ZIndex），并触发层次序改变事件raiseLayer：向上或下调整层的次序setBaseLayer：设置新的BaseLayer，隐藏原BaseLayeraddControl：添加ControladdControlToMap：将Control加进地图getControl：返回指定id的ControlremoveControl：移除ControladdPopup：新增弹出窗口。

openlayers arcgis调用方法（实用版4篇）目录（篇1）1.OpenLayers 简介2.ArcGIS Server 离线瓦片服务的概念与应用3.使用 OpenLayers 加载 ArcGIS Server 离线瓦片服务的方法4.实例：HerryDong 的博客中的离线瓦片服务应用5.结论：OpenLayers 在离线瓦片服务加载方面的优势与意义正文（篇1）1.OpenLayers 简介OpenLayers 是一款开源的 JavaScript 库，用于在网页上展示地图。

它允许用户在网页上快速、方便地搭建地图应用，提供了丰富的地图功能和控件。

OpenLayers 支持多种地图数据源，如 ArcGIS Server、Google Maps 等，为用户提供了灵活的选择空间。

2.ArcGIS Server 离线瓦片服务的概念与应用ArcGIS Server 是 Esri 公司推出的一款地图服务器产品，提供了丰富的地图数据处理和发布功能。

离线瓦片服务是 ArcGIS Server 的一种地图数据发布方式，它将地图数据预先切片并存储为图像文件，用户可以在不需要连接到地图服务器的情况下加载和显示地图。

离线瓦片服务具有减轻服务器负担、提高地图加载速度等优点。

3.使用 OpenLayers 加载 ArcGIS Server 离线瓦片服务的方法要使用 OpenLayers 加载 ArcGIS Server 离线瓦片服务，需要按照以下步骤操作：（1）创建一个 HTML 文件，引入 OpenLayers 的 CSS 和JavaScript 库。

（2）在 HTML 文件中创建一个地图容器（map container），设置地图容器的尺寸和背景颜色。

（3）创建一个地图对象（map object），设置地图的投影、中心点和缩放级别等参数。

（4）使用 OpenLayers 的瓦片加载器（tile loader）加载 ArcGIS Server 离线瓦片服务。