Load google maps with privacy

This package uses promised google-maps load based on article by Markus Oberlehnerhttps://markus.oberlehner.net/Article: https://markus.oberlehner.net/blog/using-the-google-maps-api-with-vue/

Installation

Install package

// via npmnpm install @vanderb/vue-async-gmaps --save// via yarnyarn add @vanderb/vue-async-gmaps

Implementation

importVueAsyncGmapsfrom'@vanderb/vue-async-gmaps'Vue.component('VueAsyncGmaps',VueAsyncGmaps)

Example

<vue-async-gmaps/>

Options

Api-Key

<vue-async-gmapsapi-key="YOUR_GOOGLE_MAPS_API_KEY"/>

Config

<vue-async-gmaps...:config="{center: {lat: 50.935173, lng: 6.953101}, zoom: 11}"/>

Markers

<vue-async-gmaps...:markers="[{position: {lat: 50.935173, lng: 6.953101}, details: {title: 'My Marker'}}]"/>

Button

<vue-async-gmapsbutton-text="Aye aye, sir"button-class="captains-button"/>

Slot

<vue-async-gmaps><!-- Default Slot (adding custom markup) --><span>Trolooloooo</span><!-- Trigger Slot (adding custom trigger) --><templatev-slot:trigger="{ initGoogleMaps }"><span@click="initGoogleMaps">Aye aye, sir</span></template></vue-async-gmaps>