1.6.3　通过OpenLayers加载地图

我们在1.6.2节中引入了ol.js类库，ol是一个专为WebGIS客户端开发提供的JavaScript类库包，用于访问按标准格式发布的地图数据。通过ol.layer.Tile类（该类是一个瓦片图层类，用来承载瓦片资源）和ol.Map类（该类是一个地图容器类）可以加载并设置地图的样式，具体参数说明如下：

title：用于设置地图标题。

source：表示数据源类型，本书使用的数据源类型是ol.source.XYZ，可以通过url和wrapX设置服务地址及地图在x轴方向是否重复，当wrapX为true时，不限制图层在x轴上的重复；当wrapX为false时，限制图层在x轴上的重复。

layers：用于设置地图图层。

view：地图视图，可以通过ol.View构造函数中的center、projection、zoom、maxResolution属性分别设置地图视图的中心坐标、地图投影、地图视图的缩放级别、最大分辨率。其中EPSG：3857表示墨卡托投影。

target：用于指定地图所在网页div元素的id，例如程序代码1-18中的“map”。如果在构建时未指定target，则必须调用ol.Map类的setTarget方法来绘制地图。

以上参数的具体设置如程序代码1-18所示。

程序代码1-18　加载地图

上面的代码通过OpenLayers加载了地形图底图，接下来还需要美化地图的样式。为了在网页上全屏显示地图，将地图的宽度和高度设置为100%，将地图的位置设为绝对位置，如程序代码1-19所示。

程序代码1-19　设置地图的宽度、高度和位置