UI to customize options

simonebt92 · Jul 24, 2017 · 02e2937 · 02e2937
1 parent 40d938e
commit 02e2937
Showing 1 changed file with 19 additions and 8 deletions.
diff --git a/example/main.js b/example/main.js
@@ -1,4 +1,3 @@
-var markerClusterUSCities;
 requirejs(['../libraries/WorldWind/WorldWind',
         '../example/js/LayerManager', '../src/MarkerCluster'],
     function (ww,
@@ -44,16 +43,28 @@ requirejs(['../libraries/WorldWind/WorldWind',
          markerCluster.generateCluster();
          */
 
+        $("#insertButton").click(function () {
+            var maxCount = Number($("#maxCount").val());
+            var maxLevel = Number($("#maxLevel").val());
+            var radius = Number($("#radius").val());
+            var url = $("#url").val();
+
+            var markerCluster = new MarkerCluster(wwd, {
+                name: url,
+                controls: viewControlsLayer,
+                maxLevel: maxLevel,
+                maxCount: maxCount,
+                radius: radius,
+            });
+            getJSON(url, function (results) {
+                markerCluster.generateJSONCluster(results);
+                layerManager.synchronizeLayerList();
+                alert("Clusters are ready!")
+            });
 
-        markerClusterUSCities = new MarkerCluster(wwd, {
-            name: "US Cities",
-            controls: viewControlsLayer,
-            maxLevel: 7
         });
 
-        getJSON('example/usCities.geojson', function (results) {
-            markerClusterUSCities.generateJSONCluster(results);
-        });
+
 
         /*
          var markerClusterAllGlobe = new MarkerCluster(wwd, {name: "Many Coords layer", controls: viewControlsLayer});