Openlayers6 Examples学习笔记(11)

文章目录

  • XYZ(加载XYZ图层)
  • Vector Label Decluttering(矢量标注冲突优化)重点
  • Constrained Zoom(限制图层缩放)
  • XYZ Esri
  • Freehand Drawing(手绘模式)
  • XYZ Retina Tiles(XYZ视网膜瓦片)
  • WKT(加载WKT数据)
  • Box Selection(框选)
  • Custom Controls(自定义控件)
  • Custom Tooltips(自定义工具提示)

XYZ(加载XYZ图层)

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

Vector Label Decluttering(矢量标注冲突优化)重点

整理用于避免标签重叠。在overflow: true对文本样式设置使得它如此也包括不适合多边形的范围内的标签。
Openlayers6 Examples学习笔记(11)_第2张图片
案例链接

Constrained Zoom(限制图层缩放)

案例链接

XYZ Esri

通过XYZ策略加载Esri发布的数据图层
案例链接

Freehand Drawing(手绘模式)

此示例演示了ol/interaction/Draw手绘模式。在手绘模式中,拖动时会添加点。设置freehand: true为启用手绘模式。请注意,可以通过使用该freehandCondition选项来有条件地启用手绘模式。例如Shift,使用键切换手绘模式freehandCondition: shiftKeyOnly。
Openlayers6 Examples学习笔记(11)_第3张图片
案例链接

XYZ Retina Tiles(XYZ视网膜瓦片)

XYZ源可以设置tilePixelRatio属性。瓦片是使用MapTiler从GeoTIFF文件准备的。
Openlayers6 Examples学习笔记(11)_第4张图片
案例链接

WKT(加载WKT数据)

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

Box Selection(框选)

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

Custom Controls(自定义控件)

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

Custom Tooltips(自定义工具提示)

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

你可能感兴趣的:(WebGIS)