From: Steve Sutton <steve@gaslightmedia.com>
Date: Tue, 3 Apr 2018 19:12:18 +0000 (-0400)
Subject: Start with marker clusterer
X-Git-Tag: v2.10.28^2~4^2~2
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=33d760853346ccb3156f15bd43838f0e46d92fd0;p=WP-Plugins%2Fglm-member-db.git

Start with marker clusterer

Add markerclusterer from nearme to member map.
---

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);