From 33d760853346ccb3156f15bd43838f0e46d92fd0 Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Tue, 3 Apr 2018 15:12:18 -0400
Subject: [PATCH] Start with marker clusterer

Add markerclusterer from nearme to member map.
---
 models/front/members/list.php | 10 ++++++++++
 views/front/members/list.html | 12 ++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/models/front/members/list.php b/models/front/members/list.php
index b24bdc16..a1f5455d 100644
--- a/models/front/members/list.php
+++ b/models/front/members/list.php
@@ -148,6 +148,16 @@ class GlmMembersFront_members_list extends GlmDataMemberInfo
      */
     public function modelAction ($actionData = false)
     {
+        // Enqueue the Marker Clusterer Script
+        wp_register_script(
+            'glm-members-admin-google-maps-marker-clusterer',
+            GLM_MEMBERS_PLUGIN_URL . 'js/googleMapsMarkerClusterer/markerclustererplus.js',
+            array(
+                    'jquery'
+            ),
+            GLM_MEMBERS_PLUGIN_VERSION
+        );
+        wp_enqueue_script('glm-members-admin-google-maps-marker-clusterer', false, array('jquery'), false, true);
 
         $where                = '';
         $whereSep             = '';
diff --git a/views/front/members/list.html b/views/front/members/list.html
index 54878a5c..b6fb1229 100644
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -549,7 +549,9 @@
                             //});
                         //}
 
+
                 {if $mapItems}
+                    var markers = [];
                     {foreach $mapItems as $m}
                       {if $m.lat != 0 && $m.lon != 0}
 
@@ -572,12 +574,22 @@
                             infowindow.open(map,this);
                         });
 
+                        markers.push(marker);
+
                         // Extend the map bounds to include this marker
                         bounds.extend(marker.position);
 
                      {/if}
                     {/foreach}
 
+                        var markerCluster = new MarkerClusterer(map, markers,
+                        {
+                            imagePath: '{$baseUrl}/js/googleMapsMarkerClusterer/images/m',
+                            gridSize: 30,
+                            maxZoom: 14,
+                            minimunClusterSize: 3
+                        });
+
                         // Fit map to bounds of all markers
                         map.fitBounds(bounds);
 
-- 
2.17.1