OpenLayers3入门篇-创建地图

基本概念

   OpenLayers3,是一个开源的地图引擎。它的主要结构和操作都是基于ol.Map这个对象进行的,ol.MapOpenLayers的核心组件,先详细解读一个这个map对象。

首先Map对象需要是一个ID等于‘mapDOM元素作为它的容器,也就是要想在页面上显示地图,就必须先有一个id=map’的块状元素。然后这个map对象又由很多属性组成,现在详解这些属性。

Controls:指定一个可见的小部件(DOM元素)在固定位置在屏幕上,  

如图:。如果换这个属性不指定此元素依然会出现在地图,OpenLayers3默认给它加上。

Layers:传入一个数组,类型是ol.layer。图层大概可以分成两种,第一种是底图,对象为ol.layer.Tile,另外一种是ol.layer.Vector.前者顾名思义是创建底图,后者是用于指定地图上的点,线,等其他对象。一般在创建地图的时候先指定底图(ol.layer.Tile,后期如果要添加点,线等可以通过map.addLayer()这个方法来添加。

Target:地图注入的目标容器,即指定id

View:定义2D地图,指定投影,中心点,放大级别

 map = new ol.Map({
controls:ol.control.defaults({
   		  attributionOptions:({
   			  collapsible:false
   		  })
   	  }),
layers:[new ol.layer.Tile({
     source:new ol.source.OSM({
   			      wrapX:false
   		  })
   	  })],
target:'map',
view:new ol.View({  		   
    center:ol.proj.fromLonLat([113.5991,24.8166]),
    zoom:9
   	  })
     });

转载自:https://blog.csdn.net/Adventure_xph/article/details/51996970

You may also like...