openlayers知识总结、教程

地图是由图层layer、一个可视化视图view、用于修改地图内容的交互interaction以及使用UI组件的控件control组成的

创建基本地图

let map = new ol.Map({
    target:'map', //对象指向
    layers:[  //图层
    new:ol.layer.Tile({ //这里定义是平铺图层
        source: new ol.source,OSM({
            src:""//瓦片地址
            })
        })
    ],
    view: new ol.View({ //视图
    center: ol.proj.fromLonLat([37.41,8.82]), //地图中心
    zoom:4 //缩放层级
    })

});

1.地图(Map)，对应的类是ol.Map：

2.视图(View)，对应的类是ol.View

作用：控制地图显示的中心位置、范围、层级等

3.图层(Layer，需重点掌握)

作用：就是图层，初始化地图后，通过添加图层的方式往里添加

如何添加图层到地图上？

• 添加指定图层：map.addLayer(layer)；
• 移除指定图层：map.removeLayer(layer)

b.如何定义图层?：

1.ol.layer.Tile()  平铺图层

2.ol.layer.Image() 图像图层

3.ol.layer.Vector() 矢量图层

4.ol.layer.VectorTile() 矢量平铺图层

c.如何在图层上添加元素？（重要）：

1.Feature(即地图上的几何对象)

定义矢量元素：new ol.Feature()

矢量元素样式

设置样式： new ol.style.Style() 也可以使用feature.setStyle(style),未定义的话，可以使用它的盛放容器layer的样式；

获取样式：feature.getStyle()

Style(这个主要是为了上面的feature服务的，设置样式之类的)

矢量特征呈现样式的容器