A web component to integrate Google Maps.
npm install @sextans/google-mapshtml
`Installation
npm i @sextans/google-maps
And write to your index.js file
require("@sextans/google-maps")#### key (required)
The Google Maps API key.
`html
`#### latitude (optional, observed)
Map initial center, with
longitude. Changes are observed.
`html
`#### longitude (optional, observed)
Map initial center, with
latitude. Changes are observed.
`html
`#### zoom (optional, observed, default: 14)
Map initial zoom level. Changes are observed.
`html
`#### ui (optional, default: off)
Enables or disables the default UI.
`html
`#### scrollwheel (optional, default: off)
Enables or disables the scrollwheel zoom.
`html
`#### clickzoom (optional, default: on)
Enables or disables the double-click zoom.
`html
`Markers
`html
`$3
#### latitude
`html
`#### longitude
`html
`#### src, width, height (optional)
Provide a custom image for the marker. Must be used with
width and height attributes.
`html
`#### external (optional)
Redirect to URL when clicked.
`html
`Info Windows
Any map-marker containing HTML will mirror its content in an InfoWindow when clicked.
`html
I am a marker with custom HTML content
Awesome!
`
#### class
map-marker can be classed to help customize the InfoWindow style.
`html
I'm a funky Info Window!
`Cluster (experimental)
When the map detects a cluster-marker, it will automatically try to cluster map markers depending on the zoom level and its width/height.
`html
`Attributes
#### src, width, height (required)
Provide a custom image for the marker, relative to the site. Must be used with
width and height attributes.
`html
``