Openlayers6 Examples学习笔记(13)

文章目录

  • Lazy Source(按需加载数据源)
  • Advanced Mapbox Vector Tiles(高级Mapbox矢量瓦片)
  • Mapbox Vector Tiles(Mapbox矢量瓦片)
  • Timezones in KML(KML时区)
  • Measure(测量)
  • OSM Vector Tiles(OSM矢量瓦片)
  • Overlay(覆盖层)
  • Custom Overview Map(自定义鹰眼地图)
  • Full Screen Control with extended source element(全屏控件扩展)
  • Popup(Popup弹窗)
  • Semi-Transparent Layer(半透明图层)

Lazy Source(按需加载数据源)

Openlayers6 Examples学习笔记(13)_第1张图片
案例链接

Advanced Mapbox Vector Tiles(高级Mapbox矢量瓦片)

Openlayers6 Examples学习笔记(13)_第2张图片
案例链接

Mapbox Vector Tiles(Mapbox矢量瓦片)

案例链接

Timezones in KML(KML时区)

Openlayers6 Examples学习笔记(13)_第3张图片
案例链接

Measure(测量)

Openlayers6 Examples学习笔记(13)_第4张图片
案例链接

OSM Vector Tiles(OSM矢量瓦片)

Openlayers6 Examples学习笔记(13)_第5张图片
一个简单的Mapzen矢量瓦片地图。本示例使用TopoJSON格式的layerName选项来确定样式图层(“水”,“道路”,“建筑物”)。注意:[ ol/format/MVT]是用于矢量切片的更为有效的格式。
案例链接

Overlay(覆盖层)

Openlayers6 Examples学习笔记(13)_第6张图片
案例链接

Custom Overview Map(自定义鹰眼地图)

Openlayers6 Examples学习笔记(13)_第7张图片
此示例演示如何使用其支持的选项以及定义自定义CSS来定制Overviewmap控件。您也可以使用Shift键旋转地图,以查看概览地图的反应。
案例链接

Full Screen Control with extended source element(全屏控件扩展)

Openlayers6 Examples学习笔记(13)_第8张图片
案例链接

Popup(Popup弹窗)

Openlayers6 Examples学习笔记(13)_第9张图片
单击地图以弹出。弹出窗口由一些基本元素组成:一个容器,一个关闭按钮以及一个放置内容的位置。要将弹出窗口锚定到地图,将ol/Overlay使用弹出容器创建一个。为地图click事件注册了一个侦听器以显示弹出窗口,并且将另一个侦听器设置为click关闭按钮以隐藏弹出窗口的处理程序。
案例链接

Semi-Transparent Layer(半透明图层)

Openlayers6 Examples学习笔记(13)_第10张图片
本示例将在OSM背景上半透明地显示平铺的MaxBox图层。通过使用CSS过滤器,OSM层变为黑白。
案例链接

你可能感兴趣的:(WebGIS)