vue-google-maps
vue-google-maps copied to clipboard
Custom Popups support
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.
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.