Svelte Google Maps

Maps and Places components in Vanilla JS (or Svelte)

Particular focus on efficient loading of Google components in an SPA.

SSR Ready

WIP

Documentation is a WIP. Be prepared to examine the source code to get any use out of this right now!

The GoogleMap and GooglePlacesAutocomplete components are a Google Map and Google Places Autocomplete component respectively.

Usage

To use within a Svelte application:

<GooglePlacesAutocomplete apiKey="your-maps-api-key"/>
<GoogleMap apiKey="your-maps-api-key"/>

<script>
  import { GoogleMap, GooglePlacesAutocomplete } from '@beyonk/svelte-googlemaps'
</script>

Options

Autocomplete

Attribute	Purpose	Allowed	Default
ariaLabel	Sets aria-label value on input	string	'location'
on:placeChanged	Place changed event (does not fire if user hit enter without selecting an address)	any function	-
placeholder	placeholder text	any string	-
styleClass	css styles for input	any classes	-