# data-visualization

**Repository Path**: libmaps/data-visualization

## Basic Information

- **Project Name**: data-visualization
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-09
- **Last Updated**: 2024-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Data Visualization

加入了一些其他渲染库的例子，不仅仅局限于Openlayers.

---------------

我平时写一些关于 OpenLayers 的博客，在博客中有一些例子，博客里主要讲的是一些原理性的知识，代码比较分散，在这个项目里，我将这些例子的完整代码放在这里，便于学习交流。在 openlayers 官方网站 -- http://openlayers.org/en/latest/examples， 有很多很有用的例子，这里不再重复，本项目主要是一些官方没有，但是经常在博客中提问到的问题。

- [Mapboxgl渲染大量建筑面数据](https://github.com/QingyaFan/openlayers-examples/blob/master/mapbox-large-buildings.vue)
- [Mapboxgl渲染大量线数据](https://github.com/QingyaFan/openlayers-examples/blob/master/mapbox-large-waterways.vue)
- [Mapboxgl渲染世界城市点数据](https://github.com/QingyaFan/openlayers-examples/blob/master/mapbox-large-world-cities.vue)
- [Openlayers渲染WebGLPoint图层](https://github.com/QingyaFan/openlayers-examples/blob/master/webgl-points.vue);
- 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)。