Samples
- 通过EPSG.io搜索进行二次投影
- 视图(View)动画
- 使用动态 ArcGIS REST MapService
- 使用 ArcGIS REST MapService 作为瓦片地图
- Attributions
- Bing 地图
- 混合模式 - Blend Modes
- 框选 - Box Selection
- 自定义工具提示 - 重置地图方向
- CanvasGradient or CanvasPattern 样式特性
- 显示瓦片坐标 - Canvas Tiles
- 云上地理数据库 - 通过面积筛选欧洲国家
- View视图定位高级特性
- 聚类特性 - Clustered Features
- 地图颜色操作
- 自定义控制按钮 - 旋转地图到正北
- 自定义图标 - 创建一个客户自定义的归属图标
- 自定义交互 - 创建图形或图标元素实现拖放
- 使用d3.geo.path加载TopoJSON作为图像层的影像
- 设备方向自适应
- 拖拽文件直接加载到地图上
- 拖拽文件直接加载到地图上,仅支持默认投影
- 使用shift+drag 旋转移动缩放地图
- 绘制和修改要素类(画点线面和修改)
- 画点线面,shift徒手画点线面
- 徒手画点线面
- shift画shape规则图形
- 动态数据
- 通过kml的地震集聚类
- 通过kml使用自定义样式加载地震集
- 创建EPSG:4326的地图
- 以png形式导出当前地图View
- 以pdf形式导出当前地图View
- 自定义交互控件,shift+drag绘制范围(extent)
- 使用postcompose和vectorContext创建添加要素时的自定义动画
- 使用postcompose和vectorContext创建一个maker在线上运动的动画
- 使用postcompose和vectorContext创建航线图
- 高速渲染海量顶点的Feature(要素)
- 全屏拖拽,旋转和缩放
- 全屏控制带额外面板元素的地图
- 全屏控制
- 集成geojson-vt库
- 加载GeoJSON的Feature(要素)类
- 手持设备位置和方向追踪
- 位置定位
- 通过点击事件获取和展示WMS服务image(影像)层的Feature(要素)详情信息
- 使用WMS的getFeatureInfo获取图层Feature(要素)信息
- 通过点击事件获取和展示WMS服务Tile(瓦片)层的Feature(要素)详情信息
- 展示如何使用GPX数据源
- 在地图上添加格子线
- 地震热力图
- 使用ol.source.XYZ加载here地图
- 调整Feature的点击宽容度以适应触摸设备
- 为图标设置自定义颜色
- 使用图标来表示点,并拥有点选状态显示
- 使用webGL渲染采用图片样式的图标
- 使用图标表示点,为图标添加点击显示气泡信息的事件
- 使用点集来描述点运动踪迹和轨道
- 滤镜 - postcompose侦听器对图像数据应用过滤器来改变图像的风格
- 图像加载事件 - 侦听imageloadstart、imageloadend和imageloaderror事件来监视图像加载进度
- 图像矢量层渲染(使用renderMode: 'image'渲染 ol.layer.Vector)牺牲精确性获取更快的动画渲染
- 集成JSTS
- 加载kml的地震数据实现地震震级的可视化
- 加载kml数据实现全球时区的可视化
- 加载kml作为矢量源数据
- 使用WebGL通过precompose和postcompose钩子函数来剪辑图层
- 图层剪裁
- 使用layer.setExtent()改变覆盖层的Extent(范围)
- 图层组管理 - 显示/隐藏和透明度
- 图层透视渲染 - 在一个图层上创建一个可以观察到另一个图层的蒙版
- 地图滑动映射 - 滑块左右在同一地图分区域渲染不同的图层,调整滑块改变两个图层大小
- 图层z-index - 控制图层绘制叠加顺序
- 使用layer.setSource()延迟加载图层源
- 为lineString绘制指向箭头
- 本地化OpenStreetMap(自定义区域地图)
- 地图局部放大镜
- Mapbox Vector Tiles - 在随后的缩放级别上重用源块以节省带宽
- Mapbox Vector Tiles - mapbox加载的简单实例
- MapGuide Untiled
- 距离和面积测量
- 控制各个图层的呈现级别
- 调整地图的View缩放级别以便每次只能看到一个世界地图
- 移动设备全屏示例
- 选择和修改Feature(要素)类
- 修改Feature(要素)类的简单示例
- 获取鼠标位置对应坐标系下的坐标信息
- 设置地图缩放级别是否可为小数级别
- 通过map的moveend事件监听地图实时的extent
- 添加导航按钮到地图上,点击定位到指定的extent
- Mapzen矢量瓦片地图
- Overlay(覆盖物) - 使用bootstrap的popups弹出层显示点击点详情
- 定制overviewmap控件 - 定制世界地图小浮窗
- 基本的OverviewMap控件
- Permalink(永久链) - 使用HTML 5 History API在移动地图时实时更新地址栏url的缩放级别,中心点和旋转角度
- ol.interaction.PinchZoom设置小数级别的缩放
- 自定义Polygon(多边形)样式
- 地图带关闭按钮的Popup弹出层
- 预加载地图,使缩放更加平滑
- 根据地图像素颜色生成栅格图层展示植被覆盖率,并生成可视化柱状图统计
- 根据输入像素的颜色和设定的阀值判断是否属于连续区域
- 规则shape(形状)
- 在canvas上渲染geometries
- 通过EPSG.io搜索对地图进行二次投影
- 单个图像源的客户端重投影 - 使用proj4自定义坐标系
- 使用WGS84重投影OpenStreetMap
- raster在不同坐标系下的重投影
- 重复使用Source,通过source.setUrl()来切换Tile的源地址,通过source.refresh()清除当前Tile
- 使用Alt+Shift+Drag去旋转地图
- OpenStreetMap 带US单位比例尺的重投影
- 结合地形信息演示海平面上升淹没可视化
- 绑定选择Features方式的监听事件:单击,单点击,划过,Alt+点击
- 在OSM上叠加显示一个半透明的图层
- 地图比例尺控件
- 地形阴影
- 共享Views - 两个map共享中心点、分辨率、旋转和图层,分别使用canvas和WebGL进行渲染
- 简单的OSM地图
- 画点线面圆并提供修改
- 使用格子组件的球形摩尔威德投影地图
- Stamen瓦片地图 - watercolor层和terrain labels层
- 在地图上自定义坐标系来展示静态图片
- 为街道添加文字标签
- 使用WebGL为地图创建海量带纹理的symbols
- Synthetic(合成) Lines
- Synthetic(合成) Points
- 动态修改地图的target,将一个地图从一个dom移动到另一个dom
- Image tile sources的加载事件,基于事件为地图加载添加一个底部进度条
- 瓦片渲染的转场效果形式:是否为透明
- 通过TileJSON加载图层
- 结合mapbox实现移动鼠标到某区域显示该区域国家的名称和旗帜图片
- 4326和3857投影下的天梭指示线
- 使用ol.format.TopoJSON渲染Features到地图上
- 集成topolis
- 在地图上选择和拖动Features(要素)类
- openlayers和turf.js的交互,沿着街道每隔200m显示一个marker
- 加载ArcGIS REST Feature Service的Features,并允许添加新Features或更新现有Features。
- 当View Extent发生变化时,从ArcGIS REST Feature服务中加载新Features
- 防止地图标签的重叠和溢出
- 为Features添加文字标签以及对文字标签样式的详细设置
- 鼠标悬停加载显示从geojson读取出来对应的Features的信息
- 使用bbox strategy动态的从Overpass API加载OSM XML vector数据
- 将指针移到呈现的Features上来显示对应Features的属性。
- WFS - GetFeature 创建一个GetFeature请求获取符合查询请求的Features
- 当视图范围发生变化时,从GeoServer WFS加载新的Features
- 以WKT文本格式创建Features
- 解析WMS功能响应的结果对象的内容
- 自定义坐标转换
- 自定义瓦片形状和大小
- 集成Proj4js使坐标能在任意投影之间转换
- 使用Single Image WMS避免瓦片图的标签重复问题
- 没有投影的WMS - 当坐标转换不必要时,openlayers可以使用code和units正常工作
- 默认情况下,WMS tiles会在180度子午线上重用。将wrapX选项设置为false,可以禁用此行为
- WMS作为瓷砖层使用
- 通过不断改变时间维度,演示图层的平滑重加载
- 解析WMTS功能响应的结果对象的内容
- WMTS瓦片转场 - 当不断改变一个纬度时,演示层的平滑重加载
- 高DPI的WMTS地图 - 将512×512的图像展示在256×256的网格中
- 展示IGN WMTS图层
- 创建从GetCapabilities响应中访问WMTS的配置
- 手动创建用于访问WMTS的配置
- 使用自定义的tile url函数来处理缩放级别的偏移量以加载ArcGIS REST tile services
- ol.source.XYZ支持ArcGIS REST tile services
- ol.source.XYZ必须包含tilePixelRatio参数,这些tile是用MapTiler的GeoTIFF文件制作的
- 使用minZoom和maxZoom视图选项限制地图缩放级别
- XYZ source用于通过url访问的数据,其中包括缩放级别和tile grid x/y坐标
- 使用一个像素投影来使用Zoomify Source
- 在地图上添加自定义的缩放滑块