OpenLayers3入门篇-创建地图
基本概念
OpenLayers3,是一个开源的地图引擎。它的主要结构和操作都是基于ol.Map这个对象进行的,ol.Map是OpenLayers的核心组件,先详细解读一个这个map对象。
首先Map对象需要是一个ID等于‘map’DOM元素作为它的容器,也就是要想在页面上显示地图,就必须先有一个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