当前位置:   article > 正文

GIS-OpenLayer3探索:1 . 示例集合_openlayers3示例

openlayers3示例

1. Accessibility example(可访问的例子)

  • 放大,缩小,鼠标移动地图

2. Animation example(动画)

这里写图片描述

  • 左右旋转180度
  • 以罗马为中心每点击一次顺时针旋转90度
  • 平行匀速移动地图到伦敦
  • 弹到墨西哥
  • 移动到伊斯坦布尔并且做弹动
  • 旋转3圈后到罗马

3. Tiled ArcGIS MapServer example(ArcGis 瓦片地图服务器示例)


4. Attributions example


5. Bing Maps example(必应地图)


6. Blend modes example(画布混合模式)


7. Box selection example


8. Brightness/contrast example(亮度,对比度)


9. Custom tooltips example(用户工具贴士)

  • 按下这里写图片描述键,使得地图旋转回正常的角度。

10. Canvas tiles example(画布上的瓦片示例)

  • 网格标示了目前的瓦片序列
  • 这里写图片描述

11. Advanced View Positioning example


12. Clustering example(聚类点)


13. Custom control example(和Custom tooltips example类似)


14. d3 integration example(d3集成)

  • 使用TopoJSON和d3工具在画板上绘制几何图形。

15. Device orientation example


16. Drag-and-Drop image vector example(拖放矢量图形)


17. Drag-and-Drop example


18. Drag features example(拖拽图形)

  • 拖拽这些图形到不同的位置
  • 这里写图片描述

19. Drag rotate and zoom example(拖拽旋转和缩放)

  • 使用shift+鼠标左键 旋转和缩放图片

20. Draw and modify features example(绘制修改点、线、多边形)


21. Draw features example(绘制图形)

  • 这里写图片描述

22. Dynamic data example(动态数据)

  • 200个小球沿着某个轨迹运动
  • 这里写图片描述

23. Earthquake Clusters(地震丛集)

  • KML地图文件加载
  • 这里写图片描述

24. EPSG:4326 example

  • 以EPSG:4326坐标系显示地图

25. Export map example

  • 以PNG图片的方式导出地图

26. Feature animation example(动画)

  • 这里写图片描述

27. Fractal Example(分形)

  • 将一个多边形的细节分成很多细节
  • 这里写图片描述这里写图片描述这里写图片描述

28. Full screen drag rotate and zoom example

  • 使用按钮全屏显示地图、使用按钮重置地图角度、使用shift+鼠标左键旋转地图。
  • 这里写图片描述

29. GeoJSON example

  • 列表内容

30. Geolocation Tracking with Orientation(地理位置跟踪与定位)

这里写图片描述


31. Geolocation example(地理位置)

按键获得本机的物理地址,并且显示在地图上
这里写图片描述


32. GetFeatureInfo example(image layer)

点击地图某点,获得地图层的信息
这里写图片描述


33. WMS GetFeatureInfo example (tile layer)


34. Graticule example(格)

这里写图片描述


35. Earthquakes heatmap(地震热力图)

这里写图片描述


36. Hue/saturation example(灰度饱和度)


37. Icon sprites with WebGL example(图标精灵)

这里写图片描述


38. Vector Icon Example(矢量图标)

这里写图片描述


39. IGC example


40. Image Filter Example


41. Image load events example(图片加载事件)

这里写图片描述


Image vector layer example(矢量图层)

这里写图片描述


Earthquakes in KML

这里写图片描述

Timezones in KML

KML example

Layer WebGL clipping example

Layer clipping example(图层裁剪)

这里写图片描述

Limited Layer Extent(图层限制)

这里写图片描述

Layer group example(图层组)

  • 通过调节滑动条改变图层参数
  • 这里写图片描述

Layer Spy Example

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/607409
推荐阅读
相关标签
  

闽ICP备14008679号