From 2ee94626f2861cf54d2e24515899260212d1c6cb Mon Sep 17 00:00:00 2001
From: Hans VN <hans_vn@hotmail.com>
Date: Tue, 21 Sep 2021 00:30:20 +0200
Subject: [PATCH] allow map to define custom map events

Add handlers and listeners for events explicitly passed as a prop.
This addresses fawmi/vue-google-maps#47
---
 src/components/map.vue  | 5 +++--
 src/utils/bindEvents.js | 8 +++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/map.vue b/src/components/map.vue
index 9b10eb1..d6562e1 100644
--- a/src/components/map.vue
+++ b/src/components/map.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="vue-map-container">
+  <div class="vue-map-container" :class="$attrs.class">
     <div ref="vue-map" class="vue-map"></div>
     <div class="vue-map-hidden">
       <slot></slot>
@@ -103,7 +103,8 @@ const customMethods = {
 
 export default {
   mixins: [mountableMixin],
-  props: mappedPropsToVueProps(props),
+  props: mappedPropsToVueProps({...props, ...events.reduce((obj, eventName) => ({...obj, [`on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`.replace(/[-_]+(.)?/g, (_, c) => c ? c.toUpperCase() : '')]: Function}), {}) } ),
+  inheritAttrs: false,
 
   provide() {
     this.$mapPromise = new Promise((resolve, reject) => {
diff --git a/src/utils/bindEvents.js b/src/utils/bindEvents.js
index 0fd6873..f181e8e 100644
--- a/src/utils/bindEvents.js
+++ b/src/utils/bindEvents.js
@@ -1,6 +1,12 @@
 export default (vueInst, googleMapsInst, events) => {
   for (let eventName of events) {
-    if (vueInst.$gmapOptions.autobindAllEvents || vueInst.$attrs[eventName]) {
+    const propName = `on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`.replace(/[-_]+(.)?/g, (_, c) => c ? c.toUpperCase() : '');
+
+    if (vueInst.$props[propName] || vueInst.$attrs[propName]) {
+      googleMapsInst.addListener(eventName, (ev) => {
+        vueInst.$emit(eventName, ev)
+      })
+    } else if (vueInst.$gmapOptions.autobindAllEvents || vueInst.$attrs[eventName]) {
       googleMapsInst.addListener(eventName, (ev) => {
         vueInst.$emit(eventName, ev)
       })