I am trying to have a custom infowindow box in the google maps api. If that is not possible, I want to at least remove the rounded corners for the popup. Is this possible?
I tried useing
InfoWindow({
content: "<h3>" + title + "</h3>",
boxStyle: { styles }
})
but boxStyle does nothing.
An InfoWindow can be placed on a map at a particular position or above a marker, depending on what is specified in the options. Unless auto-pan is disabled, an InfoWindow will pan the map to make itself visible when it is opened. After constructing an InfoWindow, you must call open to display it on the map.
Initialize google. maps. InfoWindow() for info windows popup. Loop through the locations (markers) and set the marker position with options (position, map, title, etc.)
addListener(marker, 'click', function() { infowindow. setContent('<p>Event Name: '+this. title+'</p>' + '<p>Event Type: '+this. etype+'</p>' + '<p>Cause: '+this.
You can either use "title" and "url", or infowindow with href embedded, to provide tooltips and hyperlinks for map markers.
You can use an InfoBox class from Google Maps Utility Library. Or you can write a custom class overriding the default styling
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With