Customizable InfoWindow for Google Maps JavaScript API
npm install google-maps-infowindowThis library is design to easily add InfoWindow on Google Maps using html and CSS.
It supports by default CSS animation and transition for animation, but also accepts user controlled animations through any Tween library.
`` 01011html`
`js`
var map
var center = {lat: 48.864716, lng: 2.349014}
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 48.864716, lng: 2.349014},
zoom: 13,
styles: mapStyle
});
var marker = new google.maps.Marker({
position: center,
map: map
})
js
const element = document.body.querySelector('#popup')
new GoogleMapsInfowindow({
marker: marker,
content: element
})
``