# openlayers-examples

**Repository Path**: geoyclv/openlayers-examples

## Basic Information

- **Project Name**: openlayers-examples
- **Description**: 一些博客里经常问但是官方没有的例子
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-03-19
- **Last Updated**: 2025-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# OpenLayers3 例子

我平时写一些关于 OpenLayers 的博客，在博客中有一些例子，博客里主要讲的是一些原理性的知识，代码比较分散，在这个项目里，我将这些例子的完整代码放在这里，便于学习交流。

在 openlayers 官方网站 -- http://openlayers.org/en/latest/examples， 有很多很有用的例子，这里不再重复，本项目主要是一些官方没有，但是经常在博客中提问到的问题。

- got-map.html，[权利的游戏-静态图片地图](http://cheerfun.xyz/openlayers-examples/got-map.html)；
- tianditu.html，[加载天地图图层](http://cheerfun.xyz/openlayers-examples/tianditu.html)；
- point-cluster.html，[全球地震点聚集](http://cheerfun.xyz/openlayers-examples/point-cluster.html)；
- measure-distance-area.html，[绘制&测量距离和面积](http://cheerfun.xyz/openlayers-examples/measure-distance-area.html)；
- drag-zoom.html，[拉框缩放功能](http://cheerfun.xyz/openlayers-examples/drag-zoom.html)；
- layer-switcher.html，[图层切换](http://cheerfun.xyz/openlayers-examples/layer-switcher.html)；
- ol3-graticule.html，[地图格网图层](http://cheerfun.xyz/openlayers-examples/ol3-graticule.html)；
- point-animation-overlay.html，[动态点效果](http://cheerfun.xyz/openlayers-examples/point-animation-overlay.html)；
- contextmenu.html，[地图右键菜单](http://cheerfun.xyz/openlayers-examples/contextmenu.html)；
- vector.html，[要素高亮，点击地图弹出信息框](http://cheerfun.xyz/openlayers-examples/vector.html)；
- vectortiles.html，[ol使用矢量切片](http://cheerfun.xyz/openlayers-examples/vectortiles.html)。