pointClustering

HTML

<link rel="stylesheet" href="https://landsapp.azurewebsites.net/landsd_js_api/3.17/esri/css/esri.css">
<link rel="stylesheet" href="https://landsapp.azurewebsites.net/landsd_js_api/3.17/dijit/themes/tundra/tundra.css">
<script src='https://landsapp.azurewebsites.net/landsd_js_api/3.17/dojo/dojo.js'></script>

<body class="tundra">
  <div id="mapdiv" style="height: 320px;"></div>
</body>

JavaScript

var map;
		require(["landsd/maptools/pointClustering", "esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "landsd/layers/TileCacheBaseMapLayer", "dijit/form/Button", "esri/config"],
		  function(pointClustering, Map, ArcGISTiledMapServiceLayer, TileCacheBaseMapLayer, Button, esriConfig) {
		    esriConfig.defaults.io.corsEnabledServers.push("landsvm.cbpmshk.info");
        esriConfig.defaults.io.corsEnabledServers.push("landsapp.azurewebsites.net");
        
		    map = new Map("mapdiv", {
		      zoom: 12,
		      minZoom: 10,
		      maxZoom: 20,
		      logo: false
		    });
		    var layer = new TileCacheBaseMapLayer();
		    layer.tileUrl = '/HKMapServiceBase';
		    layer.api_key = 'e68810d810e144358961d2295b515f60';
		    //		    layer.api_key = "abcde";
		    map.addLayer(layer);
		    clusterObj = new pointClustering(map, 'https://landsapp.azurewebsites.net/geocommjson/WGS84/GEOCOMM_SCH.json');

		  });