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就是其中的一种。 

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

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

相关文章推荐

Jupyterlab开发小指南

因工作需要,最近开始学习jupyterlab的开发。 目前使用jupyterlab的人还不是很多,基于jupyterlab来做开发的人就更寥寥无几了,所以遇到了很多坑,有些解决了,有些还遗留着。 ...

Jupyter Notebook 快速入门(下)

这两天分享的 Jupyter Notebook 快速入门文章,比较基础,只涉及了基本功能介绍和演示。后面再找机会分享其他高级用法。 从上一篇文章中,我们发现 Jupyter notebook...

OpenLayers3中wfs的属性查询

OpenLayers3中wfs的属性查询

OpenLayers3入门篇-单击事件

单击事件的绑定 第一步:var selectClick = new ol.interaction.Select({ condition: ol.events.condition.click, styl...

【入门】openlayers3官网例子解读

1.Accessible Map Tiled ArcGIS MapServer 可及的地图:可以通过Tab与Enter键来放大与缩小地图。 2.View Animation 视野动画,演示平移...

OpenLayers 3 入门指南

从使用OpenLayers 3到现在有差不多一年的时间了,OpenLayers是web端比较好的一个GIS引擎,广受大家的青睐,最开始我以为这是一个比较小众的引擎,没想到后面发现有很多人使用,并且还有...

OpenLayers3入门篇-点在线上的运动

点在线上的移动 基本思路就是先将这条线切割成很多的坐标,然后这个点沿着这些坐标前进 这个代码是直接从业务代码Copy下来的,但是稍作了修改,加上注解,便于参考时理解 function MoveOnL...

OpenLayers3入门篇-点的扩散效果

点的扩散效果原理与点在线上的运动类似,先根据传入的坐标先创建一个layer,然后绑定一个addfeature的事件(flush函数),在这个事件里面随着时间的推移不断的对这个layer的style进行...

零基础入门学习Python(23):魔法方法(3)属性访问

零基础入门学习Python(23):魔法方法(3)属性访问在讲解今天的内容之前,我们先重写两个函数__str__()和__repr__(),第一个函数表示可以使用print()打印对象的值,第二个函数...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:openlayers3入门——类、方法、属性详解1
举报原因:
原因补充:

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