Unverified Commit 3d403359 authored by Fawad Mirzad's avatar Fawad Mirzad Committed by GitHub
Browse files

Merge pull request #62 from hansvn/bugfix/47-map-events 

Add the option to add custom Google Maps events
parents 749861bf 2ee94626

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)

      })