openlayers3 基础(常见方法,类及实现)
ol3接口大全
1.ol.Map类:(地图容器类)
实现: ol.Map(参数)
参数说明:1.1 target,说明地图所在的html元素、
如果没有指定,必须调用ol.Map类的setTarget()方法以便绘制地图;
1.2 layers,指定加载的图层。
如果未定义,则将呈现不包含图层的地图(图层是按提供的顺序呈现的,
如果想要矢量图层显示在瓦片图层顶部,则必须位于瓦片图层之后)。
1.3 view, 设置地图的显示视图。
如果在构建时未指定,则必须通过ol.Map()类的setView()方法指定,否则不会提取图层源。
常见方法说明: render():请求地图渲染(下一帧动画)。
getEventPixel(event):获取相对于浏览器窗口的地图像素位置。
event:(event)事件。
getView():获取地图视图。返回值为{ol.View}类。
addLayer(layer):将地图图层添加到地图容器中。
layer:(ol.layer.Base)地图图层。
removeLayer(layer):将图层从地图容器中移除。
layer:(ol.layer.Base)地图图层。
2.ol.Control类(地图控件基类)
常见方法说明:ol.control.defaults(opt_options):该方法表示地图默认包含的一组控件。除非另外配置,否则将返回一组默认的地图控件
默认控件: ol.control.Zoom(地图缩放控件)
ol.control.Rotate(地图旋转控件)
ol.control.Attribution(地图属性控件)以上返回值为{ol.Collection | [ol.control.control]}类
3.ol.Collection类(地图容器类,用于扩展JS数组,提供便捷操作)
实现:ol.Collection(opt_array), opt_array:(Array类型)数组
常见方法说明: extend(arr):该方法实现将要素添加到集合中
arr:(Array类型)将要添加进集合的数组。
例如代码中的[ol.control.MousePosition()]。
4.ol.control.ZoomToExtent类:(放大到设定区域地图控件类)
实现:new ol.control.ZoomToExtent(opt_options),
参数说明:(Object类型)可选项,设置该对象其他属性,以键值对的形式设置
extent:(ol.Extent | undefined)可选项,表示放大到范围的大小。
5.ol.layer.Tile(options):该类是一个瓦片图层类,用于显示瓦片资源。这些瓦片提供了预渲染,并且由特定分辨率的缩放级别组织的瓦片图片网格组成
实现:ol.layer.Tile(options)
参数说明:options:(object类型)可选项,设置该对象其他属性,以键值对的形式设置。
source:(ol.source.Tile)必填项。为图层设置来源、服务地址。
6.ol.source.OSM类,即openstreetmap瓦片图层资源
实现:ol.source.OSM(opt_options)
参数说明:opt_options:(object类型)可选项,设置该图层的配置选项,以键值对的形式设置。
6.1 cacheSize:(number|undefined)可选项,设置缓存大小。默认是2048。
6.2 crossOrigin:(null|string|undefined)可选项,设置加载瓦片的跨域属性。默认是匿名的。
6.3 maxZoom:(number|undefined)可选项,设置最大放大级别。默认是19。
6.4 opaque:(boolean|undefined)可选项,设置图层是否是不透明的。默认是true。
6.5 reprojectionErrorThreshold:(number|undefined)可选项,设置重投影允许的最大误差(以像素为单位)。
设置值越大,精度越低。默认是0.5。
6.6 tileLoadFunction:(ol.TileLoadFunctionType|undefined )可选项,设置通过给定的URL加载瓦片的功能。
默认是function(imageTile, src) {imageTile.getImage().src = src; };
6.7 url:(string|undefined)可选项,设置url模板。
默认为https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png。
6.8 wrapX:(boolean|undefined)可选项,设置是否在地图水平坐标轴上重复。默认是true。
7. ol.view类;地图显示视图类(地图初始化必备三要素)
实现: ol.View(opt_options)
参数说明:7.1 centerL:(ol.Coordinate|undefined)设置地图中心,以坐标形式。返回的是数组(经纬度)
7.2 zoom:(number|undefined)可选项,设置地图的显示级数。
7.3 minZoom:(number|undefined)可选项,设置地图最小缩放级别,
它与maxZoom(或minResolution)和zoomFactor一起使用.
如果同时给出maxResolution,maxResolution优先级高于minZoom。默认值为0。
7.4 rotation:(number|undefined)可选项,设置初始视图的旋转弧度(顺时针方向)
7.5 projection:(ol.ProjectionLike)可选项,地图的投影坐标系。默认为EPSG:3857,即墨卡托坐标系。
方法说明:setCenter(center): 设置地图视图的中心坐标
center:(ol.Coordinate | undefined)地图视图的中心坐标。
setZoom(zoom):设置地图视图的缩放级别。
zoom:(number)地图视图的缩放级别。
8. ol.layer.Vector类:用于显示在客户端渲染的矢量数据。
实现:ol.layer.Vector(opt_options)
参数说明:source:(string)必选项,设置矢量图层数据来源。
style:(ol.style.Style | Array-[ol.style.style] | ol.StyleFunction | undefined)图层样式,一个ol.style.Style或者一个 ol.style.Style数组,或者一个返回 ol.style.Style 的函数。
9. ol.source.Vector类:矢量要素来源。
实现: ol.source.Vector(参数)
参数说明:9.1 url:(string | ol.FeatureUrlFunction | undefined)可选项,矢量图层数据的url。(url和format 必须同时同时定于)
9.2 format:(ol.format.Feature | undefined)可选项,url属性设置后,XHR方式加载要素使用的数据格式。 默认是未定义的
9.3 attribution:(ol.AttributionLike | undefined)可选项,地图右下角的 logo 包含的内容。
9.4 features:(Array-[ol.feature] | ol.Collection-[ol.feature] | undefined)可选项,地理要素,从字符串读取的数据。
9.5 logo:(string | olx.LogoOptions | undefined)可选项,logo包含的内容。
9.6 strategy:(ol.LoadingStrategy | undefined)可选项,加载要素使用的策略,默认是直接一次性加载所有要素
9.7 wrapX:(boolean | undefined)可选项,是否在地图水平坐标轴上重复。默认是 true。
10。 ol.format.GeoJSON类:操作GeoJSON数据,包括各种读写方法。
实现: ol.format.GeoJSON(参数)
参数说明: defaultDataProjection:(ol.ProjectionLike)可选项,数据默认坐标系。默认是EPSG:4326,即为地理坐标系。
featureProjection:(ol.ProjectionLike)可选项,通过format解析的要素坐标系。
geometryName: (string | undefind) 创建要素时几何要素名。
11. ol.format.KML类:操作KML数据,包括各种读写方法。
实现:ol.format.KML( 参数)
参数说明: extractStyles:(boolean | undefined)可选项,是否提取KML样式。默认True
showPointNames:(boolean | undefined)可选项,是否显示地点标记名称。默认是true。
defaultStyle:(Array-[l.style.style] | undefined)可选项,默认样式。默认缺省样式为Google Earth。
writeStyles:(boolean | undefined)可选项,是否给KML写入样式 。默认是true。
以上是ol常见基础类及方法,后续将继续整理。
openlayers3 基础(常见方法,类及实现)的更多相关文章
- .NET正则基础——.NET正则类及方法应用
1 概述 初学正则时,对于Regex类不熟悉,遇到问题不知道该用哪种方法解决,本文结合一些正则应用的典型应用场景,介绍一下Regex类的基本应用.这里重点进行.NET类的介绍,对于正则的 ...
- String类的常见方法的使用案例
String类的常见方法的使用案例 //使用指定的字符串替换当前字符串中指定的内容 //将helloworld中的o替换为a String s="HelloWorld"; Stri ...
- 面向对象编程(四)继承,概念及super关键字,final关键字,Object类常见方法
继承 概念: ① 继承背后的思想就是基于已存在的类来构建新类; ② 当从已存在类继承时,就重用了它的方法和属性,还可以添加新的方法和属性来定制新类以应对需求; ③ 当从其它类导出的类叫作子 ...
- day20-Python运维开发基础(装饰器 / 类中的方法 / 类的方法变属性)
1. 装饰器 / 类中的方法 / 类的方法变属性 # ### 装饰器 """ 定义:装饰器用于拓展原来函数功能的一种语法,返回新函数替换旧函数 优点:在不更改原函数代码的 ...
- Java基础常见英语词汇
Java基础常见英语词汇(共70个) ['ɔbdʒekt] ['ɔ:rientid]导向的 ['prəʊɡræmɪŋ]编程 OO: object ...
- 黑马程序员——【Java基础】——File类、Properties集合、IO包中的其他类
---------- android培训.java培训.期待与您交流! ---------- 一.File类 (一)概述 1.File类:文件和目录路径名的抽象表现形式 2.作用: (1)用来将文件或 ...
- Python基础:新式类的属性访问
一.概述 二.准备工作 1.讨论对象 2.名词解释 三.实例绑定的属性访问 1.获取属性 一般规则 参考源码 示例验证 2.设置属性 一般规则 参考源码 示例验证 3.删除属性 一般规则 参考源码 示 ...
- 【IOS学习基础】OC类的相关
几天前突然在别人的类的.m文件中看到这么一句代码:@synthesize xxxx = _xxxx; 当时愣是没理解啥意思,过后才缓过神来发现原来是把一些类的基础知识忘记了,虽然不用过多去深究以前的一 ...
- Java英文单词Java基础常见英语词汇
Java英文单词Java基础常见英语词汇(共70个) ...
随机推荐
- Linux动态库生成与使用指南
相关阅读: Linux静态库生成指南 Linux下动态库文件的文件名形如 libxxx.so,其中so是 Shared Object 的缩写,即可以共享的目标文件. 在链接动态库生成可执行文件时,并不 ...
- 【搞事情】VS2015下的openGL初始化
环境:glfw+glew+visual studio 2015 原材料下载链接: glfw 下载 glew 下载 glm库 下载 cmake 下载 (我下载的时候有些官网戳不开(大概校园网问题)... ...
- shell ip变量加法运算
#!/bin/bash for ip in `cat a.txt`;do a=`echo $ip|awk -F '.' '{print $1}'` b=`echo $ip|awk -F '.' '{p ...
- 基于STM32F1的局域网通信模块W5500驱动
目录 说明 W5500 W5500.c 使用方法 说明 需要调整的内容为W5500.h中关于IP地址.端口号.子网掩码.网关等参数 W5500 #ifndef _W5500_H_ #define _W ...
- vim配置(使用Vundle)
1.前言 Vim的配置文件位于~/.vimrc,文件使用VimScript语法来编写. 2. vim插件管理 Vundle是一个全自动的插件管理器,让我们通过维护插件列表的方式管理插件.它为安装.更新 ...
- Python 爬虫 当当网图书 scrapy
目标站点需求分析 获取当当网每个图书名字和评论数 涉及的库 scrapy,mysql 获取解析单页源码 保存到数据库中 结果
- 检测浏览器是否支持ES6
这是阮一峰老师写的一个工具 ES-Checker,用来检查各种运行环境对 ES6 的支持情况.访问ruanyf.github.io/es-checker,可以看到您的浏览器支持 ES6 的程度.运行下 ...
- MUI初学1
1.1)官网: http://www.dcloud.io/ 2)案例: http://www.dcloud.io/case/#group-1 3)文档:http://dev.dcloud.net.cn ...
- springboot集成mybatis源码分析(一)
本篇文章只是简单接受使用,具体源码解析请看后续文章 1.新建springboot项目,并导入mybatis的pom配置 配置数据库驱动和mybatis dependency <dependenc ...
- Windows Internals 笔记——内核对象
1.每个内核对象都只是一个内存块,它由操作系统内核分配,并只能由操作系统内核访问.这个内存块是一个数据结构,其成员维护着与对象相关的信息. 2.调用一个会创建内核对象的函数后,函数会返回一个句柄,它标 ...