# openlayers-official-demo **Repository Path**: ssjylsg/openlayers-official-demo ## Basic Information - **Project Name**: openlayers-official-demo - **Description**: openlayers official demo hosted on codepen.io.This is a content. - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2021-04-09 - **Last Updated**: 2021-11-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # openlayers-official-demo openlayers official demo hosted on codepen.io.This is a content. ## A - [ArcGIS REST Feature Service——使用ArcGIS REST要素服务](https://codepen.io/acenudt/pen/qzLPxB) - [ArcGIS REST with 512x512 Tiles——使用ArcGIS REST服务提供的 512x512 瓦片](https://codepen.io/acenudt/pen/orJQMe) - [Accessible Map——可访问的地图](https://codepen.io/acenudt/pen/VJqqPG) - [Advanced View Positioning——高级视图定位](https://codepen.io/acenudt/pen/PrXXgq) - [Advanced Mapbox Vector Tiles——高级Mapbox瓦片地图](https://codepen.io/acenudt/pen/jjdzKJ) ## B - [Box Selection——正方形多选](https://codepen.io/acenudt/pen/VJgrdW) - Bing maps 使用必应地图 - Blend Modes——混合模式 ## C - Canvas Tiles 画布瓦片 - Custom Interactions 自定义交互 - Clustered Features 要素的聚合 - Custom Animation 自定义动画 - Custom Polygon Styles 自定义多边形样式 - Constrained Zoom——限制缩放 - Custom Tooltips——自定义工具提示 - Custom Controls——自定义地图控件 - Color Manipulation——颜色修改 - Custom Overview Map——自定义概览地图 ## D - d3 Integration d3库的集成演示 - Drag-and-Drop Image Vector 拖放图像矢量对象 - Draw and Modify Features 要素的绘制与修改 - Drag, Rotate, and Zoom 拖拽、旋转和缩放 - Draw Features 要素绘制 - Draw Shapes 形状绘制 - Dynamic Data 动态数据(动态蚂蚁线也可以参考) ## E - Earthquakes with custom symbols 自定义标志表示的地震 - Map Export 地图导出 - Extent Interaction 范围交互（请在debug模式下运行） - Earthquakes Heatmap 地震热力图 - Editable ArcGIS REST Feature Service——可编辑的ArcGIS REST要素服务(缺少key) - Earthquake Clusters——地震聚合 - Export PDF example——导出PDF - Earthquakes in KML——加载KML表示的地震图 ## F - Freehand Drawing 自由绘制 - Flight Animation 航班动画 - Fractal Rendering——分形渲染 - Full Screen Control with extended source element——带扩展源元素的全屏控件 - Full Screen Drag, Rotate, and Zoom——全屏拖拽、旋转和缩放 - Full Screen Control——全屏控件 ## G - geojson-vt integration 集成geojson-vt - GeoJSON 使用GeoJSON - Geolocation 定位 - GPX Data 使用GPX数据 ## H - Hit Tolerance 点击容差 - High DPI WMTS——高DPIWMTS图层 ## I - Image ArcGIS MapServer ArcGIS地图图像服务 - Icon Pixel Operations 图标像素操作 - Icon Sprites with WebGL WebGL实现的图标精灵 - IGC Data IGC数据 - Image Filters 图像滤镜 - Image Vector Layer 图像矢量图层 - Interaction Options 交互选项(单击激活地图) - Icon Pixel Operations 图标像素操作（随缩放变化） - Image Reprojection 图片重投影 - IGN WMTS——使用IGN WMTS - Icon Colors——图标颜色 - Image Load Events——图像加载事件 - Icon Symbolizer——图标符号化 ## J - JSTS Integration 集成JSTS ## K - KML 使用kml文件 ## L - Limited Layer Extent 有限图层范围 - Layer Spy 图层侦探 - Layer Z-Index 图层Z轴 - LineString Arrows 多段直线箭头 - Layer Swipe 图层扫过效果 - Localized OpenStreetMap 本地化OSM地图 - Layer Min/Max Resolution 图层最小/最大分辨率 - Layer Groups——图层组 - Layer Clipping——图层遮罩 - Lazy Source——使用setSource在Layer构造完成后设置源 ## M - Marker Animation 动画标记(模拟导航) - Map Graticule 地图坐标网 - Magnify 放大镜效果 - Mobile Full Screen 移动端全屏 - Moveend Event Moveend事件 - Mouse Position 鼠标位置 - Mapbox Vector Tiles——Mapbox矢量瓦片 - Measure——使用测量（球面测量） - Modify Features Test——修改要素 ## N - Navigation Controls 导航控件 ## O - Overview Map Control 地图概览控件 - OpenStreetMap Reprojection OSM重投影 - OpenStreetMap Reprojection with ScaleLine Control——带有比例尺的OSM重投影 - OSM XML——OSM中使用XML - Overlay——使用Overlay ## P - Permalink 视图持久化(debug模式查看效果) - Pinch Zoom 捏合缩放 - Preload Tiles——瓦片预读 - Popup——弹出气泡 ## Q ## R - Reprojection with EPSG.io Search 使用EPSG.io搜索结果重投影 - Render geometries to a canvas 渲染几何到画布 - Regular Shapes 常规形状 - Raster Reprojection 栅格地图重投影 - Reusable Source 源的重用 - Region Growing——区域扩张（debug模式查看） - Raster Source——栅格源 ## S - Select Features 要素选择 - Scale Line——比例尺 - Simple Map——最简单的地图 - Snap Interaction——吸附交互 - Static Image——静态图片 - Sphere Mollweide——摩尔威德球体 - Stamen Tiles——Stamen瓦片 - Symbols with WebGL——WebGL渲染的符号 - Synthetic Lines——线的合成 - Synthetic Points——点的合成 - Street Labels——街道标签 - Single Image WMS with Proj4js——集成Proj4js的单图像WMS源 - Single Image WMS——单图像WMS源 - Sea Level——海平面 - Shaded Relief——阴影模拟（debug模式查看） - Shared Views——视图共享 - Styling feature with CanvasGradient or CanvasPattern——使用 CanvasGradient 或 CanvasPattern样式化要素 ## T - Teleporting Maps——地图传送 - TileJSON——使用TileJSON格式地图 - Tile Transitions——瓦片转换 - topolis integration——集成topolis - Tissot Indicatrix——天梭椭球体 - Translate Features——要素移动 - turf.js——使用turf.js - TopoJSON——使用TopoJSON - Tiled WMS——WMS瓦片源 - Tiled WMS Wrapping——WMS瓦片的循环渲染 - Timezones in KML KML表示的时区 - Tile Load Events——瓦片加载事件 ## U - UTFGrid——UTF网格 ## V - View animation 视图切换动画效果 - View Min-Zoom 最小缩放视图 - View Rotation——视图旋转 - Vector Label Decluttering——矢量标签整理 - Vector Layer——矢量图层 - Vector Tile Selection——矢量瓦片选择 - Vector Tile Info——矢量瓦片信息 - Vector Labels——矢量标签 ## W - WMS GetFeatureInfo (Image Layer) WMS获取要素信息(图像图层) - WMS GetFeatureInfo (Tile Layer) WMS获取要素信息(瓦片图层) - WMS GetFeatureInfo (Layers) WMS 获取要素信息(图层) - WFS——使用WFS图层 - WFS - GetFeature——使用WFS图层的 GetFeature - WKT——使用WKT - Custom Tiled WMS——自定义WMS瓦片 - WMS 512x256 Tiles——使用WMS 512x256 瓦片 - WMS without Projection——无投影使用WMS图源 - WMTS——使用WMS图层 - WMS Time——使用WMS源的时间信息渲染 - WMTS Tile Transitions——WMTS瓦片渐变 - WMTS Layer from Capabilities——从Capabilities获取WMTS图层配置 - WMS Capabilities Parsing——WMS兼容性处理 - WMTS Capabilities Parsing——WMTS 兼容性处理 ## X - XYZ——使用XYZ格式瓦片 - XYZ Esri——使用Esri标准的XYZ瓦片 - XYZ Retina Tiles——XYZ高分辨率瓦片 ## Y ## Z - Zoomify——Zoomify的使用 - Zoom Sliders——缩放滑块