openlayers3入门——类、方法、属性详解1

原创 2017年01月03日 20:28:07
 // 创建地图
      new ol.Map({
            // 设置地图图层
            layers: [
              // 创建一个使用Open Street Map地图源的瓦片图层
              new ol.layer.Tile({source: new ol.source.OSM()})
            ],
            // 设置显示地图的视图
            view: new ol.View({
              center: [0, 0],    // 定义地图显示中心于经度0度,纬度0度处
              zoom: 2            // 并且定义地图显示层级为2
            }),
            // 让id为map的div作为地图的容器
            target: 'map'    

});

ol.Map:是最主要的地图类,创建地图就需要构造这么一个对象。

layers:从名字和具体的值可见这个地方可以设置多个layer,它是OpenLayers 3地图的组成结构单元,地图是由多个layer组成,

多个图层是可以叠加的,在最上面的会覆盖下面的,以此类推。

view:它为地图定义显示窗口,对应ol.View类,可以自定义地图显示的中心点,缩放层级等。

target:指定地图在页面中具体哪个位置进行显示。对应的是div的id的值。

source:数据源。它是和图层一一对应的,OpenLayers 3也存在多种不同的数据源,每一种在实现上也对应于一个具体的类,

它们都放在包ol.source下面,上面的ol.source.OSM就是其中的一种。 

上面这段代码,是创建一个地图最基本的代码结构。

版权声明:本文为博主原创文章,未经博主允许不得转载。

OpenLayers中图属查询及属性过滤

var map, ctrlLyrSwitcher, measureControls; var markers; var wfs; var field = 'Linetype'; //属性名 var v...
  • wt346326775
  • wt346326775
  • 2016年01月09日 00:36
  • 3405

【学习笔记之Openlayers3】查询分析篇(第五篇)

这篇主要讲到基于openlayers3实现查询分析功能主要包括:属性查询,几何对象查询,位置关系查询这三类。 开发环境:openlayers3 geoserver postgresql+pos...
  • u013420816
  • u013420816
  • 2017年02月12日 15:18
  • 1604

openlayers3入门——类、方法、属性详解2

//【*】 地图瓦片文件目录地址 ps:这个一定要设置正确的瓦片文件的位置,不然显示不出来 //var url = '../img/{z}/{y}/{x}.png';//{z} {x} {y} 是占位...
  • lsnaruto
  • lsnaruto
  • 2017年01月03日 20:37
  • 411

python中魔法属性和魔法方法

1.魔法方法|魔法属性         在python总,有的名称会在前面和后面都加上两个下划线,例如__future__、__init__、__del__以及__new__等等,这些特殊的名称,在p...
  • wangjianno2
  • wangjianno2
  • 2015年10月11日 18:13
  • 971

【学习笔记之Openlayers3】初次接触openlayers3(第一篇)

将自己学习到的一些关于openlayers3的知识总结一下,以便自己后期的回顾。 一、 Openlayers3下载:首先下载openlayers3的开发包,步骤如下: 访问openlayers官网 h...
  • u013420816
  • u013420816
  • 2016年11月27日 15:57
  • 1563

OpenLayers3基础教程——OL3基本概念

OpenLayers 3对OpenLayers网络地图库进行了根本的重新设计。版本2虽然被广泛使用,但从JavaScript开发的早期发展阶段开始,已日益现实出它的落后。 OL3已运用现代的设计模式从...
  • GISShiXiSheng
  • GISShiXiSheng
  • 2015年07月04日 17:05
  • 7433

openlayers3之overlay,以弹出框添加图表为例

ol3中有个ol.Overlay,使用这个类我们可以根据经纬度在地图中添加各种html要素。 我们现在地图中增加一个弹出框,再在弹出框中生成图表,如下图所示: html中添加一个div容器:...
  • u014529917
  • u014529917
  • 2016年08月18日 15:16
  • 3465

什么是类、对象、属性、方法、成员?

日常生活中的所有东西都是对象,而具有同种属性的一类事物被称为类,人、动物、植物、车都是类(是抽象的),而姚明这个人就是一个具体的对象。 对象是类的实例化,比如唐伯虎点秋香里面的小强是蟑螂的实例化。 ...
  • u012767263
  • u012767263
  • 2013年11月28日 10:39
  • 4361

python-类属性及方法

属性__dict__维护类或实例中所有的成员。class SubStrClass(str): a = 1 def __init__(self): self.b = 2 ...
  • garnetreds7
  • garnetreds7
  • 2016年10月22日 20:35
  • 384

OpenLayers3中wfs的属性查询

OpenLayers3中wfs的属性查询
  • qq_35915384
  • qq_35915384
  • 2017年01月13日 17:11
  • 331
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:openlayers3入门——类、方法、属性详解1
举报原因:
原因补充:

(最多只允许输入30个字)