原文链接及内容
Accessible Map
无障碍地图
accessible.html
无障碍地图示例。
Advanced Mapbox Vector Tiles
高级MapBox矢量切片
mapbox-vector-tiles.html
一幅使用自定义切片网格的Mapbox矢量切片地图的例子。
Advanced View Positioning
高级视图定位
center.html
这个例子演示了如何调整地图的视图，以便将几何图形或坐标放在指定的像素位置。
Animated GIF
GIF图标动画
animated-gif.html
使用GIF动画作为图标的例子。
Applying a filter along lines rendered with WebGL
沿着用WebGL渲染的线使用过滤器
filter-webgl-line.html
示例展示了如何使用WebGL渲染器表示使用M参数过滤线要素。
ArcGIS REST Feature Service
ArcGIS REST要素服务
vector-esri.html
将ArcGIS REST要素服务与切片策略结合使用的示例。
Attributions
地图属性控件
attributions.html
一个在改变地图视图大小时，属性控件的可见性发生变化的例子，甚至在视图较小时属性控件会折叠起来。
Band Contrast Stretch
波段对比度拉伸
cog-stretch.html
选择波段并应用对比度拉伸。
Bing Maps
必应地图图层的添加
bing-maps.html
一个引入必应地图图层的示例。
Box Selection
框选
box-selection.html
使用DragBox交互组件选择要素。
Canvas Tiles
Canvas渲染切片
canvas-tiles.html
渲染带有坐标的切片以便进行调试。
CartoDB source example
CartoDB数据源的例子
cartodb.html
一个在地图渲染CartoDB数据的例子。
Change Tile Layer Style
更改切片图层的样式
cog-style.html
更新WebGL切片图层的样式。
Cloud Optimized GeoTIFF (COG)
渲染COG数据
cog.html
将COG数据渲染为一个切片图层。
Cloud Optimized GeoTIFF (COG) from a Blob
渲染来自一个Blob对象的COG数据
cog-blob.html
将一个来自Blob对象的COG数据渲染为一个切片图层。
Clustered Features
要素聚类
cluster.html
使用“ol/source/Cluster”的示例。
COG with Projection Lookup
渲染不同投影的COG影像数据
cog-projection.html
在不同投影的另一个图层上渲染COG影像。
Color Manipulation
颜色处理
color-manipulation.html
演示如何对栅格数据源进行颜色处理。
Constrained Extent
受约束的视图范围
extent-constrained.html
一个有约束范围的地图视图的示例。
Constrained Zoom
受约束的缩放
zoom-constrained.html
一个缩放被约束的地图视图的示例。
Custom Animation
自定义动画
feature-animation.html
演示如何为要素设置动画。
Custom Canvas Tiles
自定义Canvas切片
canvas-tiles-tms.html
渲染带有TMS坐标的切片以进行调试。
Custom Circle Render
自定义圆形要素渲染
custom-circle-render.html
一个自定义圆形要素渲染的例子。
Custom Controls
自定义控件
custom-controls.html
演示如何创建自定义控件。
Custom Drag-and-Drop(KMZ)
自定义拖放交互组件
drag-and-drop-custom-kmz.html
使用带有自定义格式的拖放交互组件处理KMZ文件的示例。
Custom Drag-and-Drop (MVT preview)
自定义拖放交互组件(MVT切片预览)
drag-and-drop-custom-mvt.html
使用带有自定义格式的拖放交互组件预览MVT切片的示例。
Custom Hit Detection Render
自定义命中检测渲染器
custom-hit-detection-renderer.html
自定义命中检测渲染器的示例。
Custom Interactions
自定义交互
custom-interactions.html
一个自定义交互的例子。
Custom map element
自定义地图元素
es2015-custom-element.html
一个自定义地图元素的例子。
Custom map element with accessible map
使用无障碍地图自定义地图元素
es2015-custom-element-a11y.html
使用无障碍地图自定义地图元素的示例，它可以获得焦点并允许基于键盘的导航。
Custom Overview Map
自定义鹰眼
overviewmap-custom.html
一个高级自定义的鹰眼控件示例。
Custom Polygon Styles
自定义多边形样式
polygon-styles.html
使用自定义样式的几何图形显示多边形的顶点。
Custom Tiled WMS
自定义Tiled WMS
polygon-styles.html
使用自定义坐标转换函数的示例。
Custom Tooltips
自定义工具提示
button-title.html
这个例子展示了如何使用Bootstrap自定义按钮工具提示。
d3 Integration
d3可视化库的集成
d3.html
在使用OpenLayers集成并使用d3库的示例。
Data Tiles
RGBA切片数据的生成
data-tiles.html
从头开始生成RGBA切片数据。
Declutter Group
分组整理
declutter-group.html
按组整理矢量图层。
Device Orientation
设备方向
device-orientation.html
监听DeviceOrientation事件。
Double click，Drag and Zoom
双击、拖动和缩放
drag-and-drop.html
通过双击或拖动来缩放地图的示例。
Drag-and-Drop
拖放交互
drag-and-drop.html
使用拖放交互的示例。
Drag-and-Drop Image Vector
结合VectorIamge图层使用拖放交互
drag-and-drop-image-vector.html
一个结合VectorIamge图层使用拖放交互的例子。
Drag，Rotate and Zoom
拖动旋转及缩放交互
drag-rotate-and-zoom.html
添加DragRotateAndZoom控件。
Draw and Modify Features
绘制并修改要素
draw-and-modify-features.html
使用“ol/interaction/Draw”绘制和“ol/interaction/Modify”修改交互的示例。
Draw and Modify Geodesic Circles
绘制和修改测地线圆
draw-and-modify-geodesic.html
对测地线(大地线)圆使用绘制和修改交互组件的示例。
Draw Features
绘制要素
draw-features.html
使用“ol/interaction/Draw”绘制交互的示例。
Draw lines rendered with WebGL
绘制使用WebGL渲染的线条
webgl-draw-line.html
此示例展示了可以动态调整笔画样式选项以查看它们如何影响线条的渲染。
Draw Shapes
绘制几何形状
draw-shapes.html
使用“ol/interaction/Draw”绘制规则的几何形状。
Drawing Features Style
自定义绘制样式
draw-features-style.html
自定义绘制点线面和圆时的样式。
Dynamic clusters
动态聚类
clusters-dynamic.html
具有缩放到聚类、显示外壳视图和对重叠要素进行整理的聚类。
Dynamic data
动态数据
dynamic-data.html
动态数据示例。
Earthquake Clusters
地震数据聚类
earthquake-clusters.html
演示如何使用自定义样式几何图形来渲染聚类的数据源要素。
Earthquakes Heatmap
地震数据热力图展示
heatmap-earthquakes.html
演示“HeatmapLayer”的使用。
Earthquakes in KML
自定义样式渲染地震数据
kml-earthquakes.html
演示如何使用自定义样式来渲染地震位置。
Earthquakes with custom symbols
自定义符号渲染地震数据
earthquake-custom-symbol.html
演示了如何使用“toConext”创建自定义图标符号。
Editable ArcGIS REST Feature Service
可编辑的ArcGIS REST要素服务
vector-esri-edit.html
一个在编辑应用程序中使用ArcGIS REST要素服务的示例。
EPSG:4326
4326投影
epsg-4326.html
4326投影下的地图示例。
Export PDF example
导出地图为PDF
export-pdf.html
将地图导出为PDF的示例。
Extent Interaction
范围交互组件
extent-interaction.html
使用范围交互组件绘制范围。
External map
外部地图
external-map.html
将地图移动到单独的窗口。
Filtering features with WebGL
WebGL过滤要素
filter-points-webgl.html
使用WebGL过滤大量要素。
Flight Animation
飞行动画
flight-animation.html
演示如何用“postrender”制作飞行动画。
Fractal Rendering
分形渲染
fractal.html
演示高效渲染具有许多顶点的要素。
Freehand Drawing
徒手绘图
draw-freehand.html
在徒手模式下使用“ol/interaction/Draw”交互的示例。
Full Screen Control
全屏控件
full-screen.html
添加一个全屏控件。
Full Screen Control with extended source element
带有source选项定义的全屏控件
full-screen-source.html
添加一个带有source选项定义的全屏控件。
Full Screen Drag，Rotate，and Zoom
全屏下的拖动旋转及缩放
full-screen-drag-rotate-and-zoom.html
全屏状态下拖动、旋转和缩放控制的例子。
Full-Screen Mobile
移动设备上的全屏地图
mobile-full-screen.html
移动设备上的全屏地图。
Geographic Coordinates
使用地理坐标
geographic.html
在地图视图中使用地理坐标。
Geographic Editing
地理坐标编辑
edit-geographic.html
使用地理坐标编辑几何图形。
GeoJSON
GeoJSON要素
geojson.html
GeoJSON要素示例。
geojson-vt integration
geojson-vt库的集成
geojson-vt.html
在浏览器中将GeoJSON动态切为矢量切片。
Geolocation
地理定位
geolocation.html
使用地理定位来控制地图视图。
Geolocation Tracking with Orientation
带方向的地理定位跟踪
geolocation-orientation.html
地理定位和定向地图示例。
GeoTIFF Reprojection
GeoTIFF重投影
geotiff-reprojection.html
GeoTIFF重投影。
GeoTIFF tile pyramid
GeoTIFF切片金字塔
cog-pyramid.html
将COG切片金字塔渲染为图层组。
GeoTIFF with Overviews
带有概视图的GeoTIFF
cog-overviews.html
渲染一个带有外部概视图的GeoTIFF图层。
Google Maps
谷歌地图
google.html
在地图中引入来自谷歌地图的切片数据。
GPX Data
GPX数据
gpx.html
使用GPX数据源的示例。
High DPI WMTS
加载高DPI的WMTS数据源
wmts-hidpi.html
使用高DPI的WMTS数据源的示例。
Hit Tolerance
命中容许偏差
hit-tolerance.html
使用hitTolerance参数的示例。
Icon and Label Scale
图标和标签的缩放
icon-scale.html
缩放图标和标签的示例。
Icon Colors
自定义图标颜色
icon-color.html
为图标指定自定义颜色的示例。
Icon modification
图标修改
modify-icon.html
使用Modify交互组件编辑图标的示例。
Icon Pixel Operations
图标像素操作
icon-negative.html
在点图标上的Canvas像素操作。
Icon Sprites with WebGL
使用WebGL渲染雪碧图
icon-sprite-webgl.html
用WebGL渲染许多图标。
Icon Symbolizer
图标符号
icon.html
使用一个图标来符号化一个点要素的示例。
Icon Symbolizer width and height
图标的宽度和高度
icon-width.html
使用图标的宽度和高度属性的示例。
IGC Data
IGC数据
igc.html
从IGC文件中读取的同一天多次滑翔伞飞行记录的轨迹示例。
IGN WMTS
IGN WMTS图层
wmts-ign.html
演示如何显示IGN(法国)WMTS图层。
IIIF Image API
IIIF图像API
iiif.html
关于IIIF图像API数据源的示例。
Image ArcGIS MapServer
ArcGIS动态服务
arcgis-image.html
ArcGIS动态服务的示例。
Image Filters
图像过滤
image-filter.html
对图像使用过滤。
Image Load Events
图像加载事件
image-load-events.html
使用图像加载事件的示例。
Image Reprojection
图像重投影
reprojection-image.html
演示在客户端单个图像数据源的重投影。
Immediate Rendering(Geographic)
即时渲染(地理)
immediate-geographic.html
使用即时渲染API处理地理坐标中的几何图形。
JSTS Integration
JSTS集成
jsts.html
如何在OpenLayers中使用JSTS的示例。
KML
KML数据渲染
kml.html
用矢量数据源渲染KML。
Layer Clipping
图层裁剪
layer-clipping.html
图层裁剪示例。
Layer Groups
图层组
layer-group.html
具有图层组的地图示例。
Layer Min/Max Resolution
图层分辨率
min-max-resolution.html
根据当前视图分辨率显示/隐藏图层。
Layer Opacity
图层透明度
layer-opacity.html
根据用户输入调整图层的透明度。
Layer Spy
图层探查
layer-spy.html
在一个图层上查看另一个图层的一部分。
Layer Swipe
图层卷帘操作
layer-swipe.html
在一个图层上查看另一个图层的一部分。
Layer Swipe(WebGL)
图层卷帘操作(WebGL)
webgl-layer-swipe.html
裁剪WebGL切片图层。
Layer Z-Index
图层zIndex排序
layer-z-index.html
使用zIndex对图层排序的示例。
Layer Zoom Limits
图层缩放限制
layer-zoom-limits.html
使用minZoom和MaxZoom控制层的可见性。
Lazy Source
数据源懒加载
lazy-source.html
在构建图层后设置图层数据源的示例。
Limited Layer Extent
有限的图层范围
layer-extent.html
将层渲染限制在有限的范围内。
LineString Arrows
给线段添加箭头
line-arrows.html
为每个线段绘制箭头的示例。
Loading Spinner
加载动效
load-events.html
使用加载事件显示加载旋转器(加载动效)的示例。
Localized OpenStreetMap
本地化的OpenStreetMap
localized-openstreetmap.html
一个本地化的OpenStreetMap地图的例子，带有一个自定义切片服务器和一个自定义属性。
Magnify
放大镜
magnify.html
在指针下显示图像的放大版本。
Map Export
地图输出
export-map.html
将地图导出为PNG图片的示例。
Map Graticule
地图经纬网
graticule.html
这个例子展示了如何在地图上添加经纬网图层。
Map Link
在地图中添加Link交互
link.html
将地图状态与URL同步。
Mapbox Vector Layer
Mapbox矢量图层
mapbox-vector-layer.html
使用Mapbox托管样式渲染图层。
Mapbox Vector Tiles
Mapbox矢量切片
mapbox-vector-tiles.html
Mapbox矢量切片地图示例。
Mapbox-gl Layer
Mapbox图层
mapbox-layer.html
Mapbox-gl-js图层集成示例。
MapGuide Untiled
未命名的MapGuide地图
mapguide-untiled.html
一个未命名的MapGuide地图的例子。
Marker Animation
标记动画
feature-move-animation.html
演示如何沿线移动要素。
Measure
测量
measure.html
借助绘制交互测量长度和面积。
Measure using vector styles
使用自定义矢量样式测量
measure.html
使用自定义矢量样式测量长度和面积的示例。
Modify Features
修改要素
modify-features.html
使用Modify交互组件编辑要素。
Modify Features Test
修改要素测试
modify-test.html
测试要素修改的示例。
Mouse Position
鼠标位置
mouse-position.html
位于地图外部的鼠标位置控件的示例。
Moveend Event
地图MoveEnd事件
moveend.html
地图的MoveEnd事件的使用。
Multiple COG sources
多个COG数据源
multiple-cogs.html
显示两个不同投影的Sentinel 2号cog数据。
Navigation Controls
导航控件
navigation-controls.html
显示如何添加导航控件。
NDVI from a Sentinel 2 COG
COG数据的NDVI计算
cog-math.html
计算NDVI并用于自定义彩色地图。
NDVI with a Dynamic Color Ramp
使用动态颜色渐变来渲染NDVI值
cog-colors.html
一个使用动态颜色渐变渲染NDVI计算结果的例子。
NDVI+NDWI from two 16-bit COGs
COG数据的NDVI和NDWI的计算
cog-math-multisource.html
计算NDVI和NDWI，分别用绿色和蓝色来渲染(显示)。
OGC Map Tiles
OGC地图切片
ogc-map-tiles.html
使用OGC API-Tiles服务渲染地图切片。
OGC Map Tiles(Geographic)
OGC地图切片(地理)
ogc-map-tiles-geographic.html
使用OGC API-Tiles服务渲染地图切片。
OGC Vector Tiles
OGC矢量切片
ogc-vector-tiles.html
使用OGC API-Tiles服务渲染矢量切片。
OGC Vector Tiles (Geographic)
OGC矢量切片(地理)
ogc-vector-tiles-geographic.html
使用OGC API-Tiles服务渲染矢量切片。
OpenStreetMap Reprojection
OSM重投影
reprojection-wgs84.html
演示在WGS84坐标系下的OpenStreetMap在客户端的重投影。
OpenStreetMap Reprojection with ScaleLine Control
使用比例尺控件进行OSM重投影
scaleline-indiana-east.html
演示了在客户端OpenStreetMap重新投影至NAD83 Indiana East。
OSM Vector Tiles
OSM矢量切片
osm-vector-tiles.html
使用OpenStreetMap矢量切片。
OSM XML
OSM XML数据源
vector-osm.html
使用OSM XML数据源的示例。
Overlay
Overlay的使用
overlay.html
借助Overlay来添加marker、文字标签和弹窗。
Overview Map Control
鹰眼控件
overviewmap.html
鹰眼示例。
Page Scrolling
页面滚动
page-scroll.html
一直向左/右拖动地图页面不中断。
Panning and page scrolling
页面平移及滚动
two-finger-pan-scroll.html
显示允许滚动页面的地图，除非使用两个手指或Cmd/Ctrl来平移地图。
Permalink
创建永久链接
permalink.html
创建永久链接的示例。
Pinch Zoom
触控缩放
pinch-zoom.html
将触控缩放限制为整数缩放级别。
PMTiles Shaded Relief
PMTiles数据渲染
pmtiles-elevation.html
来自PMTiles的高程数据。
Populated Places
居住地渲染
populated-places.html
根据居住地人口来缩放和渲染点要素。
Popup
弹窗
popup.html
使用Overlay来创建弹出窗口。
Preload Tiles
切片的预加载
preload.html
切片数据的预加载示例。
Print to scale example
指定比例尺打印地图
print-to-scale.html
以指定的比例尺打印地图的示例。
Projection and Scale
投影与比例尺
projection-and-scale.html
在改变投影时保持比例尺的例子。
Raster Reprojection
栅格重投影
reprojection.html
演示不同投影之间的栅格重投影。
Raster Source
栅格数据源
raster.html
使用栅格数据源演示像素操作。
Region Growing
矩形
rectangle.html
在地图上渲染一个矩形。
Region Growing
区域增长
region-growing.html
点击地图将该点的像素及其阈值范围内的相邻的像素都选中。
Regular Shapes
创建规则形状或符号
region-growing.html
一些常规形状或符号样式的示例。
Render geometries to a canvas
在Canvas上渲染几何图形
render-geometry.html
在Canvas上渲染几何图形的示例。
Rendering 16-bit NumpyTiles
使用WebGL渲染多字节深度源图像
numpytile.html
使用WebGL渲染多字节深度源图像。
Reprojection with coordinate system search
使用坐标系统搜索结果进行重投影
reprojection-by-code.html
演示栅格数据在OSM上到任意投影之间的重投影。
Reusable Source
可复用的数据源
reusable-source.html
通过更改URL来更新切片数据源。
Rich Text Labels
富文本标签
rich-text-labels.html
富文本标签。
Scale and Rotate using Modify Interaction
使用修改交互缩放和旋转几何体
modify-scale-and-rotate.html
使用修改交互组件缩放和旋转几何体的示例。
Scale Line
比例尺
scale-line.html
比例尺示例。
Sea Level
海平面渲染
sea-level.html
渲染不同高度的海平面。
Sea Level (with WebGL)
海平面渲染(使用WebGL)
webgl-sea-level.html
渲染不同高度的海平面。
Select Features
选择要素
select-features.html
使用Select交互的示例。
Select Features by Hover
悬停鼠标选择要素
select-hover-features.html
通过在要素上悬停鼠标选择要素。
Select multiple Features
选择多个要素
select-multiple-features.html
选择多个要素的示例。
Semi-Transparent Layer
半透明图层
semi-transparent-layer.html
一个加载了半透明图层的地图示例。
Shaded Relief
晕渲地貌
shaded-relief.html
根据高程数据计算晕渲地貌。
Shaded Relief(with WebGL)
晕渲地貌(使用WebGL)
webgl-shaded-relief.html
根据高程数据计算晕渲地貌。
Shared Views
共享视图属性
side-by-side.html
两个地图共享视图属性。
Simple Map
简单地图
simple.html
简单地图的示例。
Single Image WMS
加载单个图像WMS
wms-image.html
单个图像WMS图层的示例。
Single Image WMS with Proj4js
加载单个图像WMS(集成proj4js)
wms-image-custom-proj.html
在坐标变换中集成proj4js的例子。
Smoothing lines using Chaikins algorithm
使用Chaikins算法来平滑绘制的线条
chaikin.html
使用Chaikins算法来平滑绘制的线条。
Snap Interaction
捕捉交互
snap.html
将捕捉交互组件与绘制和修改交互组件一起使用的示例。
Sphere Mollweide
Mollweide球体
sphere-mollweide.html
带有坐标格网图层的Mollweide球体地图示例。
STAC support
STAC支持
stac-item.html
使用几何图形和COG渲染STAC项目。
Stadia Maps(Retina Tiles)
Stadia地图(高清瓦片)
stadia-maps.html
加载Stadia地图Retina(视网膜)/HiDPI瓦片数据的示例。
Stadia Maps(Stamen Tile Layer Composition)
Stadia地图(Stamen的切片图层)
stamen.html
使用Stadia Maps切片数据组合多个图层的示例。
Static Attribution
静态Attribution控件
static-attribution.html
具有静态属性的属性控件的示例。
Static Image
静态图像图层
static-image.html
一个使用静态图像作为图层数据源的例子。
Street Labels
渲染街道名称
street-labels.html
渲染街道名称。
Style Expressions
样式表达式
style-expressions.html
演示基于规则的样式。
Style renderer
自定义样式渲染器
style-renderer.html
使用自定义渲染器来渲染样式。
Styling feature with CanvasGradient or CanvasPattern
使用CanvasGradient或CanvasPattern给要素设置样式
canvas-gradient-pattern.html
本示例展示了一个渐变的矢量图层样式。
SVG Layer
SVG图层
svg-layer.html
带有交互的svg图层的地图示例。
Synthetic Lines
合成的线要素
synthetic-lines.html
合成的线要素。
Synthetic Points
合成的点要素
synthetic-points.html
合成的点要素。
Teleporting Maps
传送地图
teleport.html
将地图从一个目标移动到另一个目标的示例。
Tile Load Events
切片加载事件
tile-load-events.html
使用切片加载(load)事件的例子。
Tile Transitions
给切片数据添加过渡效果
tile-transitions.html
自定义配置的切片数据透明度过渡效果。
Tiled ArcGIS MapServer
加载ArcGIS切片地图
arcgis-tiled.html
一个加载ArcGIS切片数据的例子。
Tiled WMS
加载WMS服务为切片图层
wms-tiled.html
一个加载WMS服务为切片图层的例子。
Tiled WMS Wrapping
加载WMS服务为切片图层(在横跨180°子午线上是否复用)
wms-tiled-wrap-180.html
设置横跨180°子午线的切片图层是否复用。
TileJSON
加载TileJSON数据
tilejson.html
TileJSON图层的示例。
Timezones in KML
渲染时区数据
kml-timezones.html
渲染KML文件中的时区数据。
Tissot Indicatrix
Tissot指示性椭圆
tissot.html
在地图上绘制Tissot指示性椭圆。
Tooltip on Hover
悬停提示
topojson.html
通过悬停在提示框中显示要素信息的示例。
TopoJSON
渲染TopoJSON数据
tooltip-on-hover.html
演示渲染TopoJSON数据文件中的要素。
topolis integration
topolis库的集成
topolis.html
如何在OpenLayers中使用topolis库的示例。
Tracing around a polygon
追踪一个多边形要素
tracing.html
使用绘制交互来追踪多边形要素。
Translate Features
平移要素
translate-features.html
要素平移交互的示例。
turf.js
使用turf.js库
turf.html
演示如何在OpenLayers中使用turf.js库的示例。
UTFGrid
读取UTFGrid数据
utfgrid.html
此示例说明如何从UTFGrid数据源读取数据。
Vector Clipping Layer
矢量裁剪图层
layer-clipping-vector.html
矢量裁剪图层示例。
Vector Image Layer
将矢量数据渲染为图像图层
image-vector-layer.html
将矢量数据渲染为图像图层的示例。
Vector Label Decluttering
整理矢量标签
vector-label-decluttering.html
整理多边形上的标签。
Vector Labels
矢量标签
vector-labels.html
带有标签的GeoJSON要素的示例。
Vector Labels - Justify Text
矢量标签-文本对齐
vector-labels-justify-text.html
标签中的文本对齐的示例。
Vector Layer
矢量图层
vector-layer.html
包含国家/地区信息的国家/地区矢量图层示例。
Vector Layer Hit Detection
矢量图层的探测
hitdetect-vector.html
ecoregions矢量图层的探测示例。
Vector Tile Info
从矢量切片获取要素信息
vector-tile-info.html
从矢量切片中获取要素信息。
Vector Tile Selection
从矢量切片中选择要素
vector-tile-selection.html
从矢量切片中选择要素。
Vector tiles created from a Mapbox Style object
使用Mapbox样式渲染矢量切片数据
mapbox-style.html
针对maptiler.com中的切片数据使用ol-mapbox-style样式渲染的示例的示例。
Vector tiles in EPSG:4326
4326投影下的矢量切片数据的加载
vector-tiles-4326.html
此示例显示4326投影下的的矢量切片(使用ol-mapbox-style样式)。
Vector tiles rendered in an offscreen canvas
在后台(幕后)渲染矢量切片地图
offscreen-canvas.html
在web worker中渲染地图的示例。
View Animation
视图动画
animation.html
演示动画平移、缩放和旋转。
View Min-Zoom
视图最小缩放级别
min-zoom.html
演示如何更改视图的最小缩放级别。
View Padding
视图内填充
view-padding.html
此示例演示了视图的内填充(padding)选项的用法。
View Rotation
视图旋转
rotation.html
旋转地图的示例。
WebGL points layer
WebGL渲染点要素
webgl-points-layer.html
使用WebGL优化的图层来渲染大量的点要素。
WebGL Tile Layer Styles
WebGL渲染带有样式的切片图层
webgl-tile-style.html
使用WebGL渲染带有样式的栅格切片数据。
WebGL Tiles
使用WebGL渲染切片数据
webgl-tiles.html
使用WebGL渲染栅格数据。
WebGL Vector Layer
使用WebGL渲染矢量图层
webgl-vector-layer.html
使用WebGL渲染的矢量图层的示例。
WebGL Vector Tiles Layer
使用WebGL渲染矢量切片图层
webgl-vector-tiles.html
使用WebGL渲染的矢量切片图层的示例。
WFS
加载WFS服务
vector-wfs.html
加载WFS服务并设置bboxStrategy策略属性的示例。
WFS - GetFeature
WFS-创建GetFeature请求
vector-wfs-getfeature.html
使用过滤(筛选)器创建WFS GetFeature请求的示例。
WFS with geographic coordinates
使用地理坐标加载WFS服务
vector-wfs-geographic.html
加载WFS服务并使用切片加载策略的示例。
Wind
风速渲染
wind.html
用Flow图层渲染风速的示例
Wind Arrows
使用箭头样式渲染风向
wind-arrows.html
使用规则形状给风向设置箭头样式的示例。
WKB
解析WKB数据
wkb.html
使用WKB解析器的示例。
WKT
解析WKT数据
wkt.html
使用WKT解析器的示例。
WMS 512x256 Tiles
自定义切片网格加载WMS服务
wms-custom-tilegrid-512x256.html
使用512×256自定义切片网格加载WMS服务的示例。
WMS Capabilities Parsing
解析WMS服务GetCapabilities响应
wms-capabilities.html
解析WMS服务GetCapabilities响应的示例。
WMS GetFeatureInfo (Image Layer)
WMS属性查询(Image Layer)
getfeatureinfo-image.html
单击加载的WMS服务触发getFeatureInfo请求进行属性查询。
WMS GetFeatureInfo (Layers)
WMS属性查询(设置layers属性)
getfeatureinfo-layers.html
为WMSGetFeatureInfo请求设置layers属性然后按设置的多个图层顺序读取属性信息。
WMS GetFeatureInfo (Tile Layer)
WMS属性查询(Tile Layer)
getfeatureinfo-tile.html
使用WMS切片数据源发出GetFeatureInfo请求以查询要素属性。
WMS GetLegendGraphic
WMS获取图例
wms-getlegendgraphic.html
WMS获取图例的例子。
WMS loader with SVG format
以SVG格式加载影像数据
wms-image-svg.html
使用WMS loader以SVG格式使用一幅影像数据。
WMS Time
更改WMS的时间维度
wms-time.html
更改WMS图层的时间维度时平滑(流畅)地重新加载新的图层。
WMS without Projection
未投影的WMS
wms-no-proj.html
加载投影为EPSG:21781的两个WMS层的示例。
WMTS
加载WMTS服务
wmts.html
加载WMTS服务的示例。
WMTS Capabilities Parsing
解析WMTS GetCapabilities响应
wmts-capabilities.html
解析WMTS GetCapabilities响应的示例。
WMTS Layer from Capabilities
从Capabilities文档(流)中创建WMTS数据源
wmts-layer-from-capabilities.html
从WMTS的capabilities文档(流)创建的WMTS数据源的示例。
WMTS Tile Transitions
为WMTS切片数据的加载添加过渡效果
wmts-dimensions.html
更改WMTS图层的尺寸时平滑(流畅)地重新加载新的图层的示例。
XYZ
加载XYZ切片数据
xyz.html
加载XYZ切片数据示例。
XYZ Esri
加载Esri XYZ切片数据
xyz-esri.html
加载Esri XYZ切片数据示例。
XYZ Retina Tiles
加载高DPI的XYZ切片数据
xyz-retina.html
加载可用于Retina显示屏高DPI（512x512px）XYZ切片数据的示例。
Zoom Sliders
缩放滑块
zoomslider.html
展示多种样式的缩放滑块控件的示例。
Zoomify
加载Zoomify数据源
zoomify.html
加载Zoomify数据源的示例。
评论