openlayers中文文档_openlayers中文文档,openlayer中文文档资源-CSDN下载

共13个文件

html：13个

4星 · 超过85%的资源需积分: 32 128 浏览量 2011-08-22 14:05:01 上传评论 2 收藏 42KB RAR 举报

OpenLayers 是一个流行的开源JavaScript库，用于在网页上创建交互式的地图应用。它支持多种地图服务，包括WMS、WMTS、TMS等，并且兼容各种浏览器，包括移动设备。这个“openlayers中文文档”提供了对OpenLayers库的中文翻译，帮助中国开发者更好地理解和使用这个强大的工具。 OpenLayers的核心概念主要包括地图（Map）、图层（Layer）、控件（Control）和源（Source）。地图是整个应用的基础，它可以包含多个图层。图层是地图上的可视单元，它们可以从不同的数据源获取地理信息，比如卫星图像、地形图或者自定义的数据。控件则是用户与地图交互的接口，如缩放滑块、指南针、定位按钮等。源则负责从服务器获取地图数据。在OpenLayers中，你可以通过设置图层的类型来显示不同类型的地图。例如，瓦片图层（Tile Layer）适合加载大型数据集，因为它会将地图分割成小块进行加载；矢量图层（Vector Layer）可以显示动态数据，如点、线和面，支持实时编辑和交互。此外，OpenLayers支持地理坐标系统（Geographic Coordinate System, GCS）和投影（Projection），使得地图能够正确地显示不同地理位置的数据。例如，常见的WGS84是地球表面的标准地理坐标系，而Web Mercator是在线地图常用的一种投影方式，它将球面坐标转换为二维平面。在实际开发中，OpenLayers提供了丰富的API，可以实现地图的初始化、图层的添加和删除、标记的创建、事件监听等功能。例如，你可以通过以下代码创建一个基本的地图实例： ```javascript var map = new ol.Map({ target: 'map', view: new ol.View({ center: [0, 0], zoom: 2 }), layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ] }); ``` 这段代码创建了一个地图对象，设置了视图的中心点和初始缩放级别，并添加了一个OpenStreetMap的瓦片图层。 OpenLayers还支持自定义样式，通过使用Style和Style Function，你可以改变图层、标记甚至单个几何对象的外观。同时，OpenLayers与GeoJSON格式兼容，使得导入和导出地理数据变得简单。 "openlayers中文文档"是学习和掌握OpenLayers的重要资源，它涵盖了从基础到高级的各种功能，包括地图操作、图层管理、数据处理和交互设计等，对于希望在中国开展地图应用开发的程序员来说，是一份非常宝贵的参考资料。通过深入学习并实践这些文档中的知识，你将能够构建出功能丰富、交互性强的Web地图应用。

资源推荐

资源详情

资源评论

收起资源包目录

openlayers中文文档.rar （13个子文件）

openlayers中文文档

control.html 55KB

layer.html 50KB

events.html 7KB

feature.html 6KB

util.html 2KB

mark.html 4KB

datatypes.html 31KB

handler.html 32KB

geometry.html 29KB

map.html 35KB

extend.html 9KB

format.html 4KB

popup.html 16KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>控件</title> <link type="text/css" rel="stylesheet" href="../../../css/contentStyle.css" /> <script type="text/javascript" src="../../../js/allscript.js"></script> <link type="text/css" rel="stylesheet" href="../../../css/shCore.css" /> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = '../../../swf/clipboard.swf'; SyntaxHighlighter.all(); </script> </head> <body> <h1>控件</h1> <p> </p> <h1>OpenLayers.Control</h1> <h2>描述</h2> <p>控件能影响地图的显示和操作。他们支持所有涉及平移和按比例尺缩放的操作，缺省控件被添加到所在的地图，通过传入div到参数项添加一个控件到一个外部的div</p> <h2>属性</h2> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p align="center">属性项</p></th> <th><p align="center">类型</p></th> <th><p align="center">含义</p></th> </tr> <tr> <td><p>eventListeners</p></td> <td><p>OpenLayers.Events</p></td> <td><p>事件监听者</p></td> </tr> </table> <h2>构造方法</h2> <p>OpenLayers.Control</p> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p>函数声明</p></th> <td><p>OpenLayers.Control(options)</p></td> </tr> <tr> <th><p>参数</p></th> <td><p>options-类型：Object，可选的对象</p></td> </tr> <tr> <th><p>描述</p></th> <td><p>初始化控件，这个可选的对象可以通过作为一个参数直接扩展控件</p></td> </tr> <tr> <th><p>返回值</p></th> <td><p>无</p></td> </tr> </table> <h2>方法</h2> <p>无</p> <h2>常量</h2> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p align="center">常量名</p></th> <th><p align="center">类型</p></th> <th><p align="center">描述</p></th> <th><p align="center">域值说明</p></th> </tr> <tr> <td><p>EVENT_TYPES</p></td> <td><p>Array(String)</p></td> <td><p>描述为支持的应用程序事件类型</p></td> <td><p>Activate:当激活控件时触发事件</p> <p>Deactivate:当钝化控件时触发事件</p></td> </tr> </table> <p> </p> <h1>OpenLayers.Control.Attribution</h1> <h2>描述</h2> <p>从图层添加属性到地图显示。继承自OpenLayers.Control</p> <h2>属性</h2> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p align="center">属性项</p></th> <th><p align="center">类型</p></th> <th><p align="center">含义</p></th> </tr> <tr> <td><p>seperator</p></td> <td><p>String</p></td> <td><p>分离图层的字符串</p></td> </tr> </table> <h2>构造方法</h2> <p>OpenLayers.Control.Attribution</p> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p>函数声明</p></th> <td><p>OpenLayers.Control.Attribution(options)</p></td> </tr> <tr> <th><p>参数</p></th> <td><p>options-类型：Object，可选的控件对象</p></td> </tr> <tr> <th><p>描述</p></th> <td><p>初始化一些对图层属性的控件</p></td> </tr> <tr> <th><p>返回值</p></th> <td><p>无</p></td> </tr> </table> <h2>方法</h2> <p>无</p> <h2>常量</h2> <p>无</p> <p> </p> <h1>OpenLayers.Control.Button</h1> <h2>描述</h2> <p>一个简单的用于OpenLayers.Control.Panel.按钮控件，点击会执行trigger()函数。继承自OpenLayers.Control</p> <h2>属性</h2> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p align="center">属性项</p></th> <th><p align="center">类型</p></th> <th><p align="center">含义</p></th> </tr> <tr> <td><p>type</p></td> <td><p>Integer</p></td> <td><p>按钮类型</p></td> </tr> </table> <h2>构造方法</h2> <p>无</p> <h2>方法</h2> <p>无</p> <h2>常量</h2> <p>无</p> <p> </p> <h1>OpenLayers.Control.DragFeature</h1> <h2>描述</h2> <p>拖动中移动一个要素，用OpenLayers.Control.DragFeature构造器创建一个新的control.继承自OpenLayers.Control</p> <h2>属性</h2> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p align="center">属性项</p></th> <th><p align="center">类型</p></th> <th><p align="center">含义</p></th> </tr> <tr> <td><p>geometryTypes</p></td> <td><p>Array(String)</p></td> <td><p>为限制一组图形的拖曳，传递一个匹配geometry类名的字符串序列</p></td> </tr> <tr> <td><p>onStart</p></td> <td><p>Function</p></td> <td><p>定义拖曳开始</p></td> </tr> <tr> <td><p>onDrag</p></td> <td><p>Function</p></td> <td><p>如果你想知道一个要素每次移动的情况就定义此函数</p></td> </tr> <tr> <td><p>onComplete</p></td> <td><p>Function</p></td> <td><p>如果你想知道一个要素完成拖动的时间，就定义此函数</p></td> </tr> </table> <h2>构造方法</h2> <p>OpenLayers.Control.DragFeature </p> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p>函数声明</p></th> <td><p>OpenLayers.Control.DragFeature (layer, options)</p></td> </tr> <tr> <th><p>参数</p></th> <td><p>layer-类型：OpenLayers.Layer.Vector，将要被拖动的含有要素的图层</p> <p>options-类型：Object，可选的对象，其属性将在控件中设置</p></td> </tr> <tr> <th><p>描述</p></th> <td><p>创建一个新的控件拖动要素</p></td> </tr> <tr> <th><p>返回值</p></th> <td><p>无</p></td> </tr> </table> <p>无</p> <h2>方法</h2> <p>无</p> <h2>常量</h2> <p>无</p> <p> </p> <h1>OpenLayers.Control.DragPan</h1> <h2>描述</h2> <p>继承于OpenLayers.Control</p> <h2>属性</h2> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p align="center">属性项</p></th> <th><p align="center">类型</p></th> <th><p align="center">含义</p></th> </tr> <tr> <td><p>type</p></td> <td><p>OpenLayers.Control.TYPES</p></td> <td><p>控件类型</p></td> </tr> <tr> <td><p>panned</p></td> <td><p>Boolean</p></td> <td><p>地图是否移动。</p></td> </tr> <tr> <td><p>interval</p></td> <td><p>Integer</p></td> <td><p>再次漫游地图前的毫秒数。默认为25毫秒。</p></td> </tr> </table> <h2>构造方法</h2> <p>无</p> <h2>方法</h2> <p>draw </p> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p>函数声明</p></th> <td><p>draw: function()</p></td> </tr> <tr> <th><p>参数</p></th> <td><p>无</p></td> </tr> <tr> <th><p>描述</p></th> <td><p>创建一个新的控件，拖动要素，创建一个使用平移地图和平移地图操作完成作为回调的拖拉事件句柄</p></td> </tr> <tr> <th><p>返回值</p></th> <td><p>无</p></td> </tr> </table> <p>panMap </p> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th><p>函数声明</p></th> <td><p>panMap: function(xy)</p></td> </tr> <tr> <th><p>参数</p></th> <td><p>xy-类型：OpenLayers.Pixel，鼠标所在像素点</p></td> </tr> <tr> <th><p>描述</p></th> <td><p>平移的控件在地图上显示</p><

评论收藏

内容反馈