vue-google-maps icon indicating copy to clipboard operation
vue-google-maps copied to clipboard

Custom Popups support

Open ErwinAI opened this issue 2 years ago • 1 comments

Is your feature request related to a problem? Please describe. I'd like to be able to style the InfoWindow, but the default InfoWindow does not allow styling (except some basic changes to width/height). It's recommended by Google to make a Custom (overlay) popup instead.

Describe the solution you'd like There is a page in the Google Maps Javascript documentation with an example implementation. See: https://developers.google.com/maps/documentation/javascript/examples/overlay-popup

However, I'm not quite sure how to implement this as it's unusual to use classes in Vue and I don't know how to access OverlayView to extend the Popup class.

Describe alternatives you've considered Styling the InfoWindow with jQuery but it's far from ideal, prone to breaking and a bit buggy as well.

Additional context This would give a lot more customization possibilities.

ErwinAI avatar Feb 15 '22 06:02 ErwinAI

So I think this could definitely be a new component. I have a feeling it would be pretty low priority.

unusual to use classes in Vue

Yes but there aren't obstacles to doing so. You can define it in your script tag before exporting the component, or export it from its own file and import it if you need it in multiple places.

access OverlayView

You can access OverlayView as in the Google documentation you have linked to, from the google object. See #88 for details on that. Hopefully the google object gets some kind of API.

aentwist avatar Feb 17 '22 22:02 aentwist