Commit 2ee94626 authored by Hans VN's avatar Hans VN
Browse files

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
parent 749861bf

src/components/map.vue

+3 −2
Original line number Diff line number Diff line 
<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) => {

src/utils/bindEvents.js

+7 −1
Original line number Diff line number Diff line 
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)

      })