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服务的，设置样式之类的)
矢量特征呈现样式的容器