dfalling/lit-google-map

This project is port of google-map webcomponent based on LitElement library

lit-google-map's Issues

Fit to bounds behaving erratically

Fit to bounds is often zoomed in too far, excluding numerous markers. This happens for me on a complicated page on load. If I navigate to that page or do something to trigger recalculation of the bounds, it will work. This comment in stackoverflow suggests you need to wait for the map to be idle before setting the bounds.

Calculated bounds:

Numerous items outside of the bounds:

Map still not fitting to markers correctly

I've hit another scenario where the map isn't being centered correctly. Need to debug the dimensions to see if we need another check before calculating the bounds.

Before:

After re-calling center map:

Add build step for dist assets

We need to automate or at least lint that the /dist assets directory is updated when changes are made to the source.

Markers aren't removed from the map when removed from the DOM

New items are added correctly, but lit-google-map has no code to purge old items that are no longer present.

Add support for controls

Google Maps allows for arbitrary elements to be assigned to various positions around the map as controls.

https://developers.google.com/maps/documentation/javascript/examples/control-custom

<lit-google-map-control position="TOP_CENTER">
  <button click={map.fitToMarkersChanged()}>Center Map</button>
</lit-google-map-control>

Add eslint

Add eslint with suggested rules to ensure basic code quality.