Openlayers6 Examples学习笔记(8)

文章目录

  • Select Features(选中要素)
  • Scale Line(比例尺控件)
  • Select Features by Hover(鼠标悬浮高亮选中要素)
  • Static Image(加载静态图片)
  • Snap Interaction(捕捉交互集成)
  • Stamen Tiles(Stamen瓦片地图)
  • Synthetic Lines(合成线)
  • Street Labels(路线标注-沿路径轨迹)
  • Teleporting Maps(传送地图)
  • Reprojection with EPSG.io Search(地图重投影)
  • Synthetic Points(合成点)
  • Regular Shapes(规则形状图标样式)

Select Features(选中要素)

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

Scale Line(比例尺控件)

Openlayers6 Examples学习笔记(8)_第2张图片
两种不同的比例尺控件:
Openlayers6 Examples学习笔记(8)_第3张图片Openlayers6 Examples学习笔记(8)_第4张图片
案例链接

Select Features by Hover(鼠标悬浮高亮选中要素)

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

Static Image(加载静态图片)

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

Snap Interaction(捕捉交互集成)

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

Stamen Tiles(Stamen瓦片地图)

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

Synthetic Lines(合成线)

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

Street Labels(路线标注-沿路径轨迹)

Openlayers6 Examples学习笔记(8)_第10张图片
使用文本样式与placement: 'line’沿路径渲染文本
案例链接

Teleporting Maps(传送地图)

将地图从一个div传送到另一个div容器
案例链接

Reprojection with EPSG.io Search(地图重投影)

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

Synthetic Points(合成点)

自动捕捉最近点
Openlayers6 Examples学习笔记(8)_第12张图片
案例链接

Regular Shapes(规则形状图标样式)

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

你可能感兴趣的:(WebGIS)