Openlayers 4 官方示例概述

Samples

  1. 通过EPSG.io搜索进行二次投影
  2. 视图(View)动画
  3. 使用动态 ArcGIS REST MapService
  4. 使用 ArcGIS REST MapService 作为瓦片地图
  5. Attributions
  6. Bing 地图
  7. 混合模式 - Blend Modes
  8. 框选 - Box Selection
  9. 自定义工具提示 - 重置地图方向
  10. CanvasGradient or CanvasPattern 样式特性
  11. 显示瓦片坐标 - Canvas Tiles
  12. 云上地理数据库 - 通过面积筛选欧洲国家
  13. View视图定位高级特性
  14. 聚类特性 - Clustered Features
  15. 地图颜色操作
  16. 自定义控制按钮 - 旋转地图到正北
  17. 自定义图标 - 创建一个客户自定义的归属图标
  18. 自定义交互 - 创建图形或图标元素实现拖放
  19. 使用d3.geo.path加载TopoJSON作为图像层的影像
  20. 设备方向自适应
  21. 拖拽文件直接加载到地图上
  22. 拖拽文件直接加载到地图上,仅支持默认投影
  23. 使用shift+drag 旋转移动缩放地图
  24. 绘制和修改要素类(画点线面和修改)
  25. 画点线面,shift徒手画点线面
  26. 徒手画点线面
  27. shift画shape规则图形
  28. 动态数据
  29. 通过kml的地震集聚类
  30. 通过kml使用自定义样式加载地震集
  31. 创建EPSG:4326的地图
  32. 以png形式导出当前地图View
  33. 以pdf形式导出当前地图View
  34. 自定义交互控件,shift+drag绘制范围(extent)
  35. 使用postcompose和vectorContext创建添加要素时的自定义动画
  36. 使用postcompose和vectorContext创建一个maker在线上运动的动画
  37. 使用postcompose和vectorContext创建航线图
  38. 高速渲染海量顶点的Feature(要素)
  39. 全屏拖拽,旋转和缩放
  40. 全屏控制带额外面板元素的地图
  41. 全屏控制
  42. 集成geojson-vt库
  43. 加载GeoJSON的Feature(要素)类
  44. 手持设备位置和方向追踪
  45. 位置定位
  46. 通过点击事件获取和展示WMS服务image(影像)层的Feature(要素)详情信息
  47. 使用WMS的getFeatureInfo获取图层Feature(要素)信息
  48. 通过点击事件获取和展示WMS服务Tile(瓦片)层的Feature(要素)详情信息
  49. 展示如何使用GPX数据源
  50. 在地图上添加格子线
  51. 地震热力图
  52. 使用ol.source.XYZ加载here地图
  53. 调整Feature的点击宽容度以适应触摸设备
  54. 为图标设置自定义颜色
  55. 使用图标来表示点,并拥有点选状态显示
  56. 使用webGL渲染采用图片样式的图标
  57. 使用图标表示点,为图标添加点击显示气泡信息的事件
  58. 使用点集来描述点运动踪迹和轨道
  59. 滤镜 - postcompose侦听器对图像数据应用过滤器来改变图像的风格
  60. 图像加载事件 - 侦听imageloadstart、imageloadend和imageloaderror事件来监视图像加载进度
  61. 图像矢量层渲染(使用renderMode: 'image'渲染 ol.layer.Vector)牺牲精确性获取更快的动画渲染
  62. 集成JSTS
  63. 加载kml的地震数据实现地震震级的可视化
  64. 加载kml数据实现全球时区的可视化
  65. 加载kml作为矢量源数据
  66. 使用WebGL通过precompose和postcompose钩子函数来剪辑图层
  67. 图层剪裁
  68. 使用layer.setExtent()改变覆盖层的Extent(范围)
  69. 图层组管理 - 显示/隐藏和透明度
  70. 图层透视渲染 - 在一个图层上创建一个可以观察到另一个图层的蒙版
  71. 地图滑动映射 - 滑块左右在同一地图分区域渲染不同的图层,调整滑块改变两个图层大小
  72. 图层z-index - 控制图层绘制叠加顺序
  73. 使用layer.setSource()延迟加载图层源
  74. 为lineString绘制指向箭头
  75. 本地化OpenStreetMap(自定义区域地图)
  76. 地图局部放大镜
  77. Mapbox Vector Tiles - 在随后的缩放级别上重用源块以节省带宽
  78. Mapbox Vector Tiles - mapbox加载的简单实例
  79. MapGuide Untiled
  80. 距离和面积测量
  81. 控制各个图层的呈现级别
  82. 调整地图的View缩放级别以便每次只能看到一个世界地图
  83. 移动设备全屏示例
  84. 选择和修改Feature(要素)类
  85. 修改Feature(要素)类的简单示例
  86. 获取鼠标位置对应坐标系下的坐标信息
  87. 设置地图缩放级别是否可为小数级别
  88. 通过map的moveend事件监听地图实时的extent
  89. 添加导航按钮到地图上,点击定位到指定的extent
  90. Mapzen矢量瓦片地图
  91. Overlay(覆盖物) - 使用bootstrap的popups弹出层显示点击点详情
  92. 定制overviewmap控件 - 定制世界地图小浮窗
  93. 基本的OverviewMap控件
  94. Permalink(永久链) - 使用HTML 5 History API在移动地图时实时更新地址栏url的缩放级别,中心点和旋转角度
  95. ol.interaction.PinchZoom设置小数级别的缩放
  96. 自定义Polygon(多边形)样式
  97. 地图带关闭按钮的Popup弹出层
  98. 预加载地图,使缩放更加平滑
  99. 根据地图像素颜色生成栅格图层展示植被覆盖率,并生成可视化柱状图统计
  100. 根据输入像素的颜色和设定的阀值判断是否属于连续区域
  101. 规则shape(形状)
  102. 在canvas上渲染geometries
  103. 通过EPSG.io搜索对地图进行二次投影
  104. 单个图像源的客户端重投影 - 使用proj4自定义坐标系
  105. 使用WGS84重投影OpenStreetMap
  106. raster在不同坐标系下的重投影
  107. 重复使用Source,通过source.setUrl()来切换Tile的源地址,通过source.refresh()清除当前Tile
  108. 使用Alt+Shift+Drag去旋转地图
  109. OpenStreetMap 带US单位比例尺的重投影
  110. 结合地形信息演示海平面上升淹没可视化
  111. 绑定选择Features方式的监听事件:单击,单点击,划过,Alt+点击
  112. 在OSM上叠加显示一个半透明的图层
  113. 地图比例尺控件
  114. 地形阴影
  115. 共享Views - 两个map共享中心点、分辨率、旋转和图层,分别使用canvas和WebGL进行渲染
  116. 简单的OSM地图
  117. 画点线面圆并提供修改
  118. 使用格子组件的球形摩尔威德投影地图
  119. Stamen瓦片地图 - watercolor层和terrain labels层
  120. 在地图上自定义坐标系来展示静态图片
  121. 为街道添加文字标签
  122. 使用WebGL为地图创建海量带纹理的symbols
  123. Synthetic(合成) Lines
  124. Synthetic(合成) Points
  125. 动态修改地图的target,将一个地图从一个dom移动到另一个dom
  126. Image tile sources的加载事件,基于事件为地图加载添加一个底部进度条
  127. 瓦片渲染的转场效果形式:是否为透明
  128. 通过TileJSON加载图层
  129. 结合mapbox实现移动鼠标到某区域显示该区域国家的名称和旗帜图片
  130. 4326和3857投影下的天梭指示线
  131. 使用ol.format.TopoJSON渲染Features到地图上
  132. 集成topolis
  133. 在地图上选择和拖动Features(要素)类
  134. openlayers和turf.js的交互,沿着街道每隔200m显示一个marker
  135. 加载ArcGIS REST Feature Service的Features,并允许添加新Features或更新现有Features。
  136. 当View Extent发生变化时,从ArcGIS REST Feature服务中加载新Features
  137. 防止地图标签的重叠和溢出
  138. 为Features添加文字标签以及对文字标签样式的详细设置
  139. 鼠标悬停加载显示从geojson读取出来对应的Features的信息
  140. 使用bbox strategy动态的从Overpass API加载OSM XML vector数据
  141. 将指针移到呈现的Features上来显示对应Features的属性。
  142. WFS - GetFeature 创建一个GetFeature请求获取符合查询请求的Features
  143. 当视图范围发生变化时,从GeoServer WFS加载新的Features
  144. 以WKT文本格式创建Features
  145. 解析WMS功能响应的结果对象的内容
  146. 自定义坐标转换
  147. 自定义瓦片形状和大小
  148. 集成Proj4js使坐标能在任意投影之间转换
  149. 使用Single Image WMS避免瓦片图的标签重复问题
  150. 没有投影的WMS - 当坐标转换不必要时,openlayers可以使用code和units正常工作
  151. 默认情况下,WMS tiles会在180度子午线上重用。将wrapX选项设置为false,可以禁用此行为
  152. WMS作为瓷砖层使用
  153. 通过不断改变时间维度,演示图层的平滑重加载
  154. 解析WMTS功能响应的结果对象的内容
  155. WMTS瓦片转场 - 当不断改变一个纬度时,演示层的平滑重加载
  156. 高DPI的WMTS地图 - 将512×512的图像展示在256×256的网格中
  157. 展示IGN WMTS图层
  158. 创建从GetCapabilities响应中访问WMTS的配置
  159. 手动创建用于访问WMTS的配置
  160. 使用自定义的tile url函数来处理缩放级别的偏移量以加载ArcGIS REST tile services
  161. ol.source.XYZ支持ArcGIS REST tile services
  162. ol.source.XYZ必须包含tilePixelRatio参数,这些tile是用MapTiler的GeoTIFF文件制作的
  163. 使用minZoom和maxZoom视图选项限制地图缩放级别
  164. XYZ source用于通过url访问的数据,其中包括缩放级别和tile grid x/y坐标
  165. 使用一个像素投影来使用Zoomify Source
  166. 在地图上添加自定义的缩放滑块
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容