From 02e2937db3007f374687c009b9727c6a3ecedea7 Mon Sep 17 00:00:00 2001
From: simonebt92 <simonebt92@gmail.com>
Date: Mon, 24 Jul 2017 13:51:34 +0200
Subject: [PATCH] UI to customize options

---
 example/main.js | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/example/main.js b/example/main.js
index 710c7ef..837b509 100644
--- 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});