https://github.com/shaunthegeek/maps-number-cluster

麻数图（Number Cluster）。有一千个点，可以使用麻点图（Marker Cluster）；当有一万个点时，用麻点图会卡死浏览器，怎么办？所以我开发了麻数图。
https://github.com/shaunthegeek/maps-number-cluster

Last synced: about 1 month ago
JSON representation

麻数图（Number Cluster）。有一千个点，可以使用麻点图（Marker Cluster）；当有一万个点时，用麻点图会卡死浏览器，怎么办？所以我开发了麻数图。

• Host: GitHub
• URL: https://github.com/shaunthegeek/maps-number-cluster
• Owner: shaunthegeek
• License: apache-2.0
• Created: 2014-06-27T04:12:30.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2014-06-27T11:40:34.000Z (almost 11 years ago)
• Last Synced: 2025-03-26T01:36:19.888Z (about 2 months ago)
• Language: JavaScript
• Size: 164 KB
• Stars: 10
• Watchers: 6
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
#麻数图（Number Cluster）

如果只有1千个点，可以使用麻点图；当有1万甚至10万个点时，用麻点图会卡死浏览器，怎么办？所以我开发了麻数图。

Too Too Many Markers! "marker cluster" can't draw 100000 points, so I write "number cluster", it draws numbers not points.

在线演示本项目（国内，高德和腾讯）：[http://jsfiddle.net/sinkcup/Z6v9x/](http://jsfiddle.net/sinkcup/Z6v9x/)

在线演示本项目（国外，Google）：[http://jsfiddle.net/sinkcup/Y5NaT/](http://jsfiddle.net/sinkcup/Y5NaT/)

如何集成到自己的项目：请看examples目录。

##麻点图/点聚合（无法满足10万个点的需求）：

###高德地图：

点聚合显示：[http://developer.amap.com/api/javascript-api/example/e/0507-2/](http://developer.amap.com/api/javascript-api/example/e/0507-2/)

叠加云数据图层：[http://developer.amap.com/api/javascript-api/example/r/1801-2/](http://developer.amap.com/api/javascript-api/example/r/1801-2/)

###谷歌地图：

MarkerClusterer：[https://developers.google.com/maps/articles/toomanymarkers#markerclusterer](https://developers.google.com/maps/articles/toomanymarkers#markerclusterer)