{"_id":"@buyerbridge/vue2-google-maps","_rev":"2-ec47c8301af39b46b7e3b35351e18692","name":"@buyerbridge/vue2-google-maps","dist-tags":{"latest":"0.12.3"},"versions":{"0.12.1":{"name":"@buyerbridge/vue2-google-maps","version":"0.12.1","description":"This is a google map component for Vue.js, updated for Vue 2 compatibility","main":"dist/main.js","scripts":{"build":"npm run build:babel && npm run build:webpack","build:babel":"shx mkdir -p dist && shx rm -r dist && cross-env BUILD_DEV=1 babel src -D --out-dir dist && echo {} > dist/.babelrc","build:webpack":"cross-env NODE_ENV=production webpack --progress --hide-modules","build:examples":"npm run build:examples:before && npm run build:examples:webpack","build:examples:before":"npm run build && shx cp dist/vue-google-maps.js examples","build:examples:webpack":"cd examples && cross-env NODE_ENV=production webpack","lab:tests":"lab -T test/test-setup/babel-transform.js -l -S test","lint":"eslint --ext .vue,.js src && eslint --ext .vue,.html,.js test","lint:fix":"eslint --fix --ext .vue,.js src && eslint --ext .vue,.html,.js test","test":"npm run lab:tests && npm run lint","deploy":"npm run build:examples && gh-pages -d examples","prepare":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/DealersUnited/vue2-google-maps.git"},"bugs":{"url":"https://github.com/DealersUnited/vue2-google-maps/issues"},"homepage":"https://github.com/DealersUnited/vue2-google-maps#readme","dependencies":{"marker-clusterer-plus":"^2.1.4"},"peerDependencies":{"vue":"^2.6.10"},"devDependencies":{"@babel/cli":"^7.6.4","@babel/core":"^7.6.4","@babel/polyfill":"^7.6.0","@babel/preset-env":"^7.6.3","@hapi/lab":"^20.4.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-minify-dead-code-elimination":"^0.5.1","babel-plugin-transform-inline-environment-variables":"^0.4.3","consolidate":"^0.15.1","cross-env":"^6.0.3","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-standard":"^14.1.0","eslint-plugin-html":"^6.0.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^10.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^5.2.3","file-loader":"^4.2.0","gh-pages":"^2.1.1","json-loader":"^0.5.7","optimize-css-assets-webpack-plugin":"^5.0.3","puppeteer":"^1.20.0","raw-loader":"^3.1.0","shx":"^0.3.2","style-loader":"^1.0.0","template-html-loader":"1.0.0","uglifyjs-webpack-plugin":"^2.2.0","vue":"^2.6.10","vue-loader":"^15.7.1","vue-router":"^3.1.3","vue-template-compiler":"^2.6.10","webpack":"^4.41.1","webpack-cli":"^3.3.9","yaml-loader":"^0.5.0"},"author":{"name":"Daniel Sim, Guillaume Leclerc"},"license":"MIT","gitHead":"e517b1c2a0c33bf319197c2703f055778321e120","_id":"@buyerbridge/vue2-google-maps@0.12.1","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-ZZx74ThOoy23SvPViVSE+AqzMhmo1rDLBJooPhRLHe3/D2Cjp/4xs0FF+LAWxWZwiprWs/GUQRxD/VnmH0dhCg==","shasum":"d909cb801811e53d19bbc17d0981de39972ab964","tarball":"https://registry.npmjs.org/@buyerbridge/vue2-google-maps/-/vue2-google-maps-0.12.1.tgz","fileCount":139,"unpackedSize":2227639,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDx+K6w62awXsyqxZU8uYURHpoyWstJ/LLpVXgGzruwOAiEA9JTWHriQMTMwq3iF82bbN3hwDVM2A1EUIkl2dxiUwvo="}]},"_npmUser":{"name":"dannywatts_buyerbridge","email":"danny@buyerbridge.com"},"directories":{},"maintainers":[{"name":"kevin-buyerbridge","email":"kevin@buyerbridge.com"},{"name":"dannywatts_buyerbridge","email":"danny@buyerbridge.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-google-maps_0.12.1_1690579756158_0.0876390493890915"},"_hasShrinkwrap":false},"0.12.2":{"name":"@buyerbridge/vue2-google-maps","version":"0.12.2","description":"This is a google map component for Vue.js, updated for Vue 2 compatibility","main":"dist/main.js","scripts":{"build":"npm run build:babel && npm run build:webpack","build:babel":"shx mkdir -p dist && shx rm -r dist && cross-env BUILD_DEV=1 babel src -D --out-dir dist && echo {} > dist/.babelrc","build:webpack":"cross-env NODE_ENV=production webpack --progress --hide-modules","build:examples":"npm run build:examples:before && npm run build:examples:webpack","build:examples:before":"npm run build && shx cp dist/vue-google-maps.js examples","build:examples:webpack":"cd examples && cross-env NODE_ENV=production webpack","lab:tests":"lab -T test/test-setup/babel-transform.js -l -S test","lint":"eslint --ext .vue,.js src && eslint --ext .vue,.html,.js test","lint:fix":"eslint --fix --ext .vue,.js src && eslint --ext .vue,.html,.js test","test":"npm run lab:tests && npm run lint","deploy":"npm run build:examples && gh-pages -d examples","prepare":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/DealersUnited/vue2-google-maps.git"},"bugs":{"url":"https://github.com/DealersUnited/vue2-google-maps/issues"},"homepage":"https://github.com/DealersUnited/vue2-google-maps#readme","dependencies":{"marker-clusterer-plus":"^2.1.4"},"peerDependencies":{"vue":"^2.6.10"},"devDependencies":{"@babel/cli":"^7.6.4","@babel/core":"^7.6.4","@babel/polyfill":"^7.6.0","@babel/preset-env":"^7.6.3","@hapi/lab":"^20.4.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-minify-dead-code-elimination":"^0.5.1","babel-plugin-transform-inline-environment-variables":"^0.4.3","consolidate":"^0.15.1","cross-env":"^6.0.3","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-standard":"^14.1.0","eslint-plugin-html":"^6.0.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^10.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^5.2.3","file-loader":"^4.2.0","gh-pages":"^2.1.1","json-loader":"^0.5.7","optimize-css-assets-webpack-plugin":"^5.0.3","puppeteer":"^1.20.0","raw-loader":"^3.1.0","shx":"^0.3.2","style-loader":"^1.0.0","template-html-loader":"1.0.0","uglifyjs-webpack-plugin":"^2.2.0","vue":"^2.6.10","vue-loader":"^15.7.1","vue-router":"^3.1.3","vue-template-compiler":"^2.6.10","webpack":"^4.41.1","webpack-cli":"^3.3.9","yaml-loader":"^0.5.0"},"author":{"name":"Daniel Sim, Guillaume Leclerc"},"license":"MIT","gitHead":"d11a630fcfb63e8a519b47439125ab3978172331","_id":"@buyerbridge/vue2-google-maps@0.12.2","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-PFRwY4ruk0s5SnTw1eeYl8mLPQDZRqDLSGbhPVYcQrp2yh5fmJk6nKXDXFSWOIpvDS5ThlaDVJ+DSenyISHzeQ==","shasum":"4de89f41f4ea3146516d771fb4db559ec70ce88c","tarball":"https://registry.npmjs.org/@buyerbridge/vue2-google-maps/-/vue2-google-maps-0.12.2.tgz","fileCount":139,"unpackedSize":2227130,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdgIWvWdwZE3u/YbxJx0YxYcz2xoLaA17FDXP7Rl22JgIgCXVVmbcekXNR2Wu/vniw0LIaHf/g10WwOF0niVOWXeA="}]},"_npmUser":{"name":"dannywatts_buyerbridge","email":"danny@buyerbridge.com"},"directories":{},"maintainers":[{"name":"kevin-buyerbridge","email":"kevin@buyerbridge.com"},{"name":"dannywatts_buyerbridge","email":"danny@buyerbridge.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-google-maps_0.12.2_1690580788571_0.7413392741043181"},"_hasShrinkwrap":false},"0.12.3":{"name":"@buyerbridge/vue2-google-maps","version":"0.12.3","description":"This is a google map component for Vue.js, updated for Vue 2 compatibility","main":"dist/main.js","scripts":{"build":"npm run build:babel && npm run build:webpack","build:babel":"shx mkdir -p dist && shx rm -r dist && cross-env BUILD_DEV=1 babel src -D --out-dir dist && echo {} > dist/.babelrc","build:webpack":"cross-env NODE_ENV=production webpack --progress --hide-modules","build:examples":"npm run build:examples:before && npm run build:examples:webpack","build:examples:before":"npm run build && shx cp dist/vue-google-maps.js examples","build:examples:webpack":"cd examples && cross-env NODE_ENV=production webpack","lab:tests":"lab -T test/test-setup/babel-transform.js -l -S test","lint":"eslint --ext .vue,.js src && eslint --ext .vue,.html,.js test","lint:fix":"eslint --fix --ext .vue,.js src && eslint --ext .vue,.html,.js test","test":"npm run lab:tests && npm run lint","deploy":"npm run build:examples && gh-pages -d examples","prepare":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/DealersUnited/vue2-google-maps.git"},"bugs":{"url":"https://github.com/DealersUnited/vue2-google-maps/issues"},"homepage":"https://github.com/DealersUnited/vue2-google-maps#readme","dependencies":{"marker-clusterer-plus":"^2.1.4"},"peerDependencies":{"vue":"^2.6.10"},"devDependencies":{"@babel/cli":"^7.6.4","@babel/core":"^7.6.4","@babel/polyfill":"^7.6.0","@babel/preset-env":"^7.22.9","@hapi/lab":"^20.4.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-minify-dead-code-elimination":"^0.5.1","babel-plugin-transform-inline-environment-variables":"^0.4.3","consolidate":"^0.15.1","cross-env":"^6.0.3","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-standard":"^14.1.0","eslint-plugin-html":"^6.0.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^10.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^5.2.3","file-loader":"^4.2.0","gh-pages":"^2.1.1","json-loader":"^0.5.7","optimize-css-assets-webpack-plugin":"^5.0.3","puppeteer":"^1.20.0","raw-loader":"^3.1.0","shx":"^0.3.2","style-loader":"^1.0.0","template-html-loader":"1.0.0","uglifyjs-webpack-plugin":"^2.2.0","vue":"^2.6.10","vue-loader":"^15.7.1","vue-router":"^3.1.3","vue-template-compiler":"^2.6.10","webpack":"^4.41.1","webpack-cli":"^3.3.9","yaml-loader":"^0.5.0"},"author":{"name":"Daniel Sim, Guillaume Leclerc"},"license":"MIT","gitHead":"fa5c880aa45a08e78b342fca9c28749ef878047f","_id":"@buyerbridge/vue2-google-maps@0.12.3","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-rRnMwS5oFiS2v4RbzLDwBmhM5nTqBOosI6FCxeIJy+3a7tOyieVRpmMhNqMckQmUrdZ36AOprEq4gQ2iUa0sDA==","shasum":"dc5b2a1b8d80a6c7a87a719a34a0a63e5f5f1d44","tarball":"https://registry.npmjs.org/@buyerbridge/vue2-google-maps/-/vue2-google-maps-0.12.3.tgz","fileCount":139,"unpackedSize":2219505,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8haNLsgHR28wXGknffdBQ+LC/u6ZDjxDtFT0Zs2D0yQIhAOzLZNt5bsZMxAlbqMZpI4SlbJyaDlnA/v2rxl/xnP9l"}]},"_npmUser":{"name":"dannywatts_buyerbridge","email":"danny@buyerbridge.com"},"directories":{},"maintainers":[{"name":"kevin-buyerbridge","email":"kevin@buyerbridge.com"},{"name":"dannywatts_buyerbridge","email":"danny@buyerbridge.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-google-maps_0.12.3_1690582044787_0.6892117914815794"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-28T21:29:16.103Z","0.12.1":"2023-07-28T21:29:16.352Z","modified":"2023-07-28T22:07:25.151Z","0.12.2":"2023-07-28T21:46:29.062Z","0.12.3":"2023-07-28T22:07:25.019Z"},"maintainers":[{"name":"kevin-buyerbridge","email":"kevin@buyerbridge.com"},{"name":"dannywatts_buyerbridge","email":"danny@buyerbridge.com"}],"description":"This is a google map component for Vue.js, updated for Vue 2 compatibility","homepage":"https://github.com/DealersUnited/vue2-google-maps#readme","repository":{"type":"git","url":"git+https://github.com/DealersUnited/vue2-google-maps.git"},"author":{"name":"Daniel Sim, Guillaume Leclerc"},"bugs":{"url":"https://github.com/DealersUnited/vue2-google-maps/issues"},"license":"MIT","readme":"# CONTRIBUTORS NEEDED!\n\nIt's been increasingly difficult for me to make time to maintain this project.\nMy projects at work have also gradually migrated away from Google Maps (but still on Vue -- Vue's awesome!),\nso there's less and less incentive to maintain.\n\nIf you have time to contribute to a rather frequently used library, feel free to make a PR!\nFor more background, please refer to [this issue](https://github.com/xkjyeah/vue-google-maps/issues/514).\n\nWhat's urgently needed are:\n\n1. Better automated tests\n2. Better integration tests with the popular frameworks, especially Nuxt and Vue template\n3. Better documentation (examples, recommendations)\n\nThe above three will go a long way to keeping the project maintainable and contributable, and will address many of the open issues.\n\n# vue-google-maps\n\n[![Build Status](https://travis-ci.org/xkjyeah/vue-google-maps.svg?branch=vue2)](https://travis-ci.org/xkjyeah/vue-google-maps)\n\n## Vue-2 port of vue-google-maps\n\nThis is the Vue 2.x port of vue-google-maps!\n\n## Attention!\n\nThis great package doesn't release the last features added to it for different reasons, is because it that some developers land a new package with the last features added to it.\n\nIf you want to use the last features in this package you can use [gmap-vue](https://www.npmjs.com/package/gmap-vue), it is a fork of this repository and has all new fixes and features added to it.\n\nThis new package has new documentation with live examples that can you test with your own gmap key. You can visit it following this link [gmap-vue docs](https://diegoazh.github.io/gmap-vue/).\n\n## Installation\n\n### With npm (Recommended)\n\n```\nnpm install vue2-google-maps\n```\n\n### Manually\n\nJust download `dist/vue-google-maps.js` file and include it from your HTML.\n\nBe aware that if you use this method, you cannot use TitleCase for your components and your attributes.\nThat is, instead of writing `<GmapMap>`, you need to write `<gmap-map>`.\n\n[Example](http://xkjyeah.github.io/vue-google-maps/overlay.html) ([Source code](https://github.com/xkjyeah/vue-google-maps/blob/no-deferred-ready/examples/overlay.html)).\n\n## Basic usage / Documentation\n\n### Get an API key from Google\n\n[Generating an Google Maps API key](https://developers.google.com/maps/documentation/javascript/get-api-key).\n\n### Quickstart (Webpack, Nuxt):\n\nIf you are using Webpack and Vue file components, just add the following to your code!\n\n```vue\n<GmapMap\n  :center=\"{lat:10, lng:10}\"\n  :zoom=\"7\"\n  map-type-id=\"terrain\"\n  style=\"width: 500px; height: 300px\"\n>\n  <GmapMarker\n    :key=\"index\"\n    v-for=\"(m, index) in markers\"\n    :position=\"m.position\"\n    :clickable=\"true\"\n    :draggable=\"true\"\n    @click=\"center=m.position\"\n  />\n</GmapMap>\n```\n\nIn your `main.js` or inside a Nuxt plugin:\n\n```js\nimport Vue from 'vue'\nimport * as VueGoogleMaps from 'vue2-google-maps'\n\nVue.use(VueGoogleMaps, {\n  load: {\n    key: 'YOUR_API_TOKEN',\n    libraries: 'places', // This is required if you use the Autocomplete plugin\n    // OR: libraries: 'places,drawing'\n    // OR: libraries: 'places,drawing,visualization'\n    // (as you require)\n\n    //// If you want to set the version, you can do so:\n    // v: '3.26',\n  },\n\n  //// If you intend to programmatically custom event listener code\n  //// (e.g. `this.$refs.gmap.$on('zoom_changed', someFunc)`)\n  //// instead of going through Vue templates (e.g. `<GmapMap @zoom_changed=\"someFunc\">`)\n  //// you might need to turn this on.\n  // autobindAllEvents: false,\n\n  //// If you want to manually install components, e.g.\n  //// import {GmapMarker} from 'vue2-google-maps/src/components/marker'\n  //// Vue.component('GmapMarker', GmapMarker)\n  //// then set installComponents to 'false'.\n  //// If you want to automatically install all the components this property must be set to 'true':\n  installComponents: true\n})\n```\n\nIf you need to gain access to the `Map` instance (e.g. to call `panToBounds`, `panTo`):\n```vue\n<template>\n<GmapMap ref=\"mapRef\" ...>\n</GmapMap>\n</template>\n<script>\nexport default {\n  mounted () {\n    // At this point, the child GmapMap has been mounted, but\n    // its map has not been initialized.\n    // Therefore we need to write mapRef.$mapPromise.then(() => ...)\n\n    this.$refs.mapRef.$mapPromise.then((map) => {\n      map.panTo({lat: 1.38, lng: 103.80})\n    })\n  }\n}\n```\n\nIf you need to gain access to the `google` object:\n```vue\n<template>\n  <GmapMarker ref=\"myMarker\"\n    :position=\"google && new google.maps.LatLng(1.38, 103.8)\" />\n</template>\n<script>\nimport {gmapApi} from 'vue2-google-maps'\n\nexport default {\n  computed: {\n    google: gmapApi\n  }\n}\n</script>\n```\n\nControl the options of the map with the options property:\n\nExample of [MapOptions](https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions):\n ```vue\n <GmapMap\n  :options=\"{\n    zoomControl: true,\n    mapTypeControl: false,\n    scaleControl: false,\n    streetViewControl: false,\n    rotateControl: false,\n    fullscreenControl: true,\n    disableDefaultUI: false\n  }\"\n>\n</GmapMap>\n```\n\nAdd region and language localization:\n\nExample for [Localization](https://developers.google.com/maps/documentation/javascript/localization):\n```vue\nVue.use(VueGoogleMaps, {\n  load: {\n    region: 'VI',\n    language: 'vi',\n  },\n})\n```\n\n### Nuxt.js config\n\nFor Nuxt.js projects, please import VueGoogleMaps in the following manner:\n\n```js\nimport * as VueGoogleMaps from '~/node_modules/vue2-google-maps'\n```\n\nAdd the following to your `nuxt.config.js`'s `build.extend()`:\n\n```js\ntranspile: [/^vue2-google-maps($|\\/)/]\n```\n\n### Officially supported components:\n\nThe list of officially support components are:\n\n- Rectangle, Circle\n- Polygon, Polyline\n- KML Layer\n- Marker\n- InfoWindow\n- Autocomplete\n- Cluster* (via `marker-clusterer-plus`)\n\nYou can find examples of this [on the website](http://xkjyeah.github.io/vue-google-maps/).\nAuto-generated API documentation for these components are [here](http://xkjyeah.github.io/vue-google-maps/autoapi.html).\n\nFor `Cluster`, you **must** import the class specifically, e.g.\n```js\nimport GmapCluster from 'vue2-google-maps/dist/components/cluster' // replace src with dist if you have Babel issues\n\nVue.component('GmapCluster', GmapCluster)\n```\nInconvenient, but this means all other users don't have to bundle the marker clusterer package\nin their source code.\n\n### Autocomplete component\nThe autocomplete supports custom text field via scoped slot\n\n```html\n          <gmap-autocomplete class=\"introInput\" >\n                    <template v-slot:input=\"slotProps\">\n                        <v-text-field outlined\n                                      prepend-inner-icon=\"place\"\n                                      placeholder=\"Location Of Event\"\n                                      ref=\"input\"\n                                      v-on:listeners=\"slotProps.listeners\"\n                                      v-on:attrs=\"slotProps.attrs\">\n                        </v-text-field>\n                    </template>\n        </gmap-autocomplete>\n```\n\nThe ref on the element must be called input, if the element is a vue component then it must have a child ref called input (like in vuetify text-field) or speciy a custom name via childRefName property (only works one level deep into a component).\n\nThe v-on:listeners is rquired, v-on:attrs may or may not be required depending on your implementation.\n\nThis requires vue 2.6 or higher for the new slot support.\n\n**NOTE: The official NPM package does not support this until the NPM package is updated, you can use this alternate temporary one or build your own version from source.**\n\nhttps://www.npmjs.com/package/vue2-google-maps-withscopedautocomp\n\n### Adding your own components\n\nIt should be relatively easy to add your own components (e.g. Heatmap, GroundOverlay). please refer to the\n[source code for `MapElementFactory`](https://github.com/xkjyeah/vue-google-maps/blob/vue2/src/components/mapElementFactory.js).\n\nExample for [DirectionsRenderer](https://developers.google.com/maps/documentation/javascript/reference/3/#DirectionsRenderer):\n```js\n// DirectionsRenderer.js\nimport {MapElementFactory} from 'vue2-google-maps'\n\nexport default MapElementFactory({\n  name: 'directionsRenderer',\n  ctr: () => google.maps.DirectionsRenderer,\n  //// The following is optional, but necessary if the constructor takes multiple arguments\n  //// e.g. for GroundOverlay\n  // ctrArgs: (options, otherProps) => [options],\n  events: ['directions_changed'],\n\n  // Mapped Props will automatically set up\n  //   this.$watch('propertyName', (v) => instance.setPropertyName(v))\n  //\n  // If you specify `twoWay`, then it also sets up:\n  //   google.maps.event.addListener(instance, 'propertyName_changed', () => {\n  //     this.$emit('propertyName_changed', instance.getPropertyName())\n  //   })\n  //\n  // If you specify `noBind`, then neither will be set up. You should manually\n  // create your watchers in `afterCreate()`.\n  mappedProps: {\n    routeIndex: { type: Number },\n    options: { type: Object },\n    panel: { },\n    directions: { type: Object },\n    //// If you have a property that comes with a `_changed` event,\n    //// you can specify `twoWay` to automatically bind the event, e.g. Map's `zoom`:\n    // zoom: {type: Number, twoWay: true}\n  },\n  // Any other properties you want to bind. Note: Must be in Object notation\n  props: {},\n  // Actions you want to perform before creating the object instance using the\n  // provided constructor (for example, you can modify the `options` object).\n  // If you return a promise, execution will suspend until the promise resolves\n  beforeCreate (options) {},\n  // Actions to perform after creating the object instance.\n  afterCreate (directionsRendererInstance) {},\n})\n```\n\nThereafter, it's easy to use the newly-minted component!\n```vue\n<template>\n  <GmapMap :zoom=\"...\" :center=\"...\">\n    <DirectionsRenderer />\n  </GmapMap>\n</template>\n<script>\nimport DirectionsRenderer from './DirectionsRenderer.js'\n\nexport default {\n  components: {DirectionsRenderer}\n}\n</script>\n```\n\n## Testing\n\nMore automated tests should be written to help new contributors.\n\nMeanwhile, please test your changes against the suite of [examples](examples).\n\nImprovements to the tests are welcome :)\n","readmeFilename":"README.md"}