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

目录


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

转载自:https://blog.csdn.net/u012812482/article/details/52105013

You may also like...

退出移动版