How to customize info window border?

[shebinkoshy123]

I'm submitting a ... (check one with "x")

• [x] question
• [ ] any problem or bug report
• [ ] feature request

If you choose 'problem or bug report', please select OS: (check one with "x")

• [x] Android
• [x] iOS

How to apply corner radius to info window? How to change arrow with my own style?

Actual:

Expected:

[wf9a5m75]

https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.6.0/class/Marker/README.md#base64-encoded-icon

[wf9a5m75]

let marker: Marker = map.addMarkerSync({
    'position': latLng,
    'title': canvas.toDataURL()
  });

[shebinkoshy123]

https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.6.0/class/Marker/README.md#base64-encoded-icon

This image is showing info window with square border. we need corner radius. Note: My question is not about customising marker icon or content inside info-window.

[wf9a5m75]

Google Maps Android/iOS infoWindow as bitmap, not HTML.

[wf9a5m75]

Alternatively you can choose HTMLInfoWindow class, which is not actual infoWindow, but works like infoWindow.

[shebinkoshy123]

Alternatively you can choose HTMLInfoWindow class, which is not actual infoWindow, but works like infoWindow.

I tried HTMLInfoWindow and infoWindow as bitmap, but both cases not giving a way to customise the border of the popup.

[wf9a5m75]

Since this plugin is open source, please look at the code before asking. https://github.com/mapsplugin/cordova-plugin-googlemaps/blob/master/www/HtmlInfoWindow.js

[lalalalaluk]

@shebinkoshy123 here is the answer https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/2177#issuecomment-375925750

note that css should be in global if you put in the component css it will not work because of scope problem