关于本篇功能实现用到的 api 涉及类看不懂的，请参照 esri 官网的 arcgis api 4.x for js：，里面详细的介绍 arcgis api 4.x 各个类的介绍，还有就是在线例子：，这个也是学习 arcgis api 4.x 的好素材。
内容概览1.基于 arcgis api 4.x for js 聚合效果
2.源代码 demo 下载
本篇实现 arcgis api 4.x for js 聚合效果功能，效果图如下：
聚合数据源
[ { "toiletId": 1000000, "name": "Ocean block", "postcode": "6054", "facilityType": "Underwater", "isOpen": "AllHours", "x": -158.036, "y": -9.0058 }, …… { "toiletId": 1000000, "name": "Ocean block", "postcode": "6054", "facilityType": "Underwater", "isOpen": "AllHours", "x": -158.036, "y": -9.0058 } ]
html 页面
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="yes"> <meta content="black-translucent"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>arcgis api 4.x for js 聚合效果图</title> <link href="http://www.mamicode.com/fonts.googleapis.com/css?family=Abel"> <link href="http://www.mamicode.com/https:/js.arcgis.com/4.12/esri/css/main.css"> <style> html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: abel, Arial, Calibri; overflow: hidden; } #container, .view { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; } ……