openlayers入门参考，包你学不会

openlayers进入5了，之前3，2都有写过。个人觉得把openlayer5和openlayer3区别比较大的是写法改变了，主体功能变化不大，有时间我们再细说。

下面介绍我一些学习心得，和对openlayer控件使用代码

• 地图基本控件

1. 显示图源的控件（Attribution）。
2. 全屏（FullScreen）。
3. 鼠标位置(MousePosition)
4. 鹰眼(OverviewMap)。
5. 视图倾斜度(Rotate)。
6. 比例尺(ScaleLine)。
7. 图级控制(Zoom)。
8. 图级滑动控制(ZoomSlider)。
9. 复位(ZoomToExtent)。

• 地图图层加载

1,    加载瓦片(tile)。

2,    加载图片(Image)。

3,    加载矢量(Vector)。

4     加载矢量瓦片(VectorTile)。

• 地图交互绘制

1,  绘制点。

2，绘制线。

3，绘制面。

• 地图基本事件

1,    点击事件(click)。

2,    双击事件(dbclick)。

3,    地图移动结束(moveend)。

4,    鼠标拽动事件(pointerdrag)。

5     鼠标移动事件(pointermove)。

6,    鼠标单击事件(singleclick)。

• 视图动画
• 覆盖图层

1. pupop弹框。
2. 覆盖图层。

• 要素样式

1，样式(style)。

ok，只列了一个清单，照着上面单子自己去琢磨吧。

代码附上

git地址 git@github.com:panergongzi/my-ol5.git

转载自：https://blog.csdn.net/weixin_38398641/article/details/88125379