【入门】openlayers3官网例子解读

1.Accessible Map

Tiled ArcGIS MapServer

可及的地图：当map元素被聚焦，可以使用键盘的+ -进行放大和缩小，箭头键可用于平移。

2.View Animation

视野动画，演示平移缩放与旋转。有平移到某地（Pan
to London）、弹跳到某地（Elastic to Moscow）、反弹到某地（Bounce to Istanbul）、旋转到某地（Spin
to Rome）、飞到某地（Fly to Bern）、围绕某地旋转(Rotate around Rome)、按照一定顺序依次移动地图，即旅游模式（Take a tour）

3.Image
ArcGIS MapServer

Image ArcGIS layer的例子。演示如何使用动态的ArcGIS REST 地图服务。该资源类型支持地图和图片（image）服务。

4.Tiled
ArcGIS MapServer

tiled ArcGIS layer的例子。演示如何使用ArcGIS REST的瓦片地图服务，该资源类型支持地图和图片（image）服务。对于缓存arcgis服务，用 ol.source.xyz 会得到更好的性能。

5.Attributions

随着地图大小改变，属性的可视性也随之变化，在小地图上会将属性们进行折叠的例子。当因为调整大小，地图变得太小的时候，属性将被折叠。这是因为选项“collapsible”(可折叠的)会在地图宽度小于600px时设置为true。

6.Bing Maps

必应地图的例子。当必应地图瓦片服务在所给定区域和分辨率下没有瓦片数据时，它会返回一份占位符来代替瓦片。你可以缩放到19级来查看占位符瓦片。如果你想在19级以上用拉伸的瓦片而不是占位符来显示地图的话，就把”maxZoom”选项设置为 19。

7.Blend Modes

改变画布的颜色混合模式

8.Box Selection

用一个拖拽框来选择要素。Ctrl+Drag来画矩形框，选中的要素会高亮显示，下方还会出现选中要素们的name属性。

9.Custom Tooltips 

例子展示了如何用Bootstrap 来自定义定制按钮提示与引导。

10.Styling feature with CanvasGradient or CanvasPattern

11.Canvas Tiles

为了调试，用坐标来渲染地图（render tiles with coordinates for debugging）

12 CartoDB source example

13. Advanced view positioning

举例 说明一个地图的视图是如何自适应使得一个几何图形可以定位在一个特定位置。使用了view.fit()与view.centerOn()。  用Alt+Shift+Drag可以旋转地图。

14. Clustered Features集群功能

举例说明如何使用ol.source.Cluster做点要素的聚类。

15. Color manipulation颜色处理

使用一个光栅源来处理颜色。

16.Custom Controls

创建自定义控件，例子里创建了一个按钮，可以使地图旋转到南方向。

17 Custom Icon 

例子为属性图标创建了一个自定义的要素

18 Custom Interactions

自定义交互，例子可以完成要素的移动，用鼠标拖拽要素即可。

19 d3 Intergration （d3集成）

一个同时使用ol3与d3的例子：例子加载了TopoJSON格式的几何要素并用d3.geo.path去把这些几何要素渲染到一个画布要素（cavas）上,这样，就可以作为一个ol3 图片图层（image layer）的图片来使用了。

20 Device Orientation设备定位   ：例子展示了如何跟踪设备的位置变化

21 Drag-and-Drop Image Vector：通过ol.source.ImageVector来使用拖放交互 

22  Drag-and-Drop

使用拖放交互的例子，可以拖放（拖拽缩放）地图上的GPX, GeoJSON, IGC, KML,  TopoJSON 文件。因为没有投影转换支持，所以这个只能支持 EPSG:4326
和 EPSG:3857的数据。

转载自：https://blog.csdn.net/qq_17451827/article/details/56496527