feat(gmap-vue): upgrade markerclustererplus

Upgrade to @google/markerclustererplus 5.1.0 and add clusterClass prop
diegoazh · Oct 30, 2020 · e64eafa · e64eafa
1 parent 04939da
commit e64eafa
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 23 deletions.
diff --git a/packages/documentation/docs/examples/basic-marker-cluster.md b/packages/documentation/docs/examples/basic-marker-cluster.md
@@ -22,7 +22,7 @@
   </div>
 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/markerclustererplus/2.1.4/markerclusterer.js"></script>
+  <script src="https://unpkg.com/@google/markerclustererplus@5.1.0/dist/markerclustererplus.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/gmap-vue@1.2.2/dist/gmap-vue.min.js"></script>
 
   <script>

diff --git a/packages/documentation/package-lock.json b/packages/documentation/package-lock.json
diff --git a/packages/gmap-vue/examples/basic-marker-clusterer.html b/packages/gmap-vue/examples/basic-marker-clusterer.html
@@ -13,7 +13,7 @@
   </div>
 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/markerclustererplus/2.1.4/markerclusterer.js"></script>
+  <script src="https://unpkg.com/@google/markerclustererplus@5.1.0/dist/markerclustererplus.min.js"></script>
   <script src="gmap-vue.js"></script>
 
   <script>

diff --git a/packages/gmap-vue/package-lock.json b/packages/gmap-vue/package-lock.json
diff --git a/packages/gmap-vue/package.json b/packages/gmap-vue/package.json
@@ -30,7 +30,7 @@
   },
   "homepage": "https://github.com/diegoazh/gmap-vue#readme",
   "dependencies": {
-    "marker-clusterer-plus": "^2.1.4"
+    "@google/markerclustererplus": "^5.1.0"
   },
   "peerDependencies": {
     "vue": "^2.6.11"

diff --git a/packages/gmap-vue/src/components/cluster.js b/packages/gmap-vue/src/components/cluster.js
@@ -7,7 +7,7 @@
   List of properties from
   https://github.com/googlemaps/v3-utility-library/blob/master/markerclustererplus/src/markerclusterer.js
 * */
-import MarkerClusterer from 'marker-clusterer-plus';
+import MarkerClusterer from '@google/markerclustererplus';
 import mapElementFactory from '../factories/map-element';
 
 const props = {
@@ -55,6 +55,10 @@ const props = {
     type: Number,
     twoWay: false,
   },
+  clusterClass: {
+    type: String,
+    twoWay: false
+  },
   styles: {
     type: Array,
     twoWay: false,

diff --git a/packages/gmap-vue/webpack.config.js b/packages/gmap-vue/webpack.config.js
@@ -10,7 +10,7 @@ const webConfig = {
   ...config,
   externals: {
     vue: 'Vue',
-    'marker-clusterer-plus': 'MarkerClusterer'
+    '@google/markerclustererplus': 'MarkerClusterer'
   },
   output: {
     path: path.resolve(__dirname, 'dist'),