Google Maps Custom Marker widget [v3.0.0. on Mendix 9.24.43] not rendering

0
Hi All,We needed to upgrade the Google Maps Custom Marker widget to a newer version due to the deprication of the DrawingManager in de Google API. We updated to version 3.0.0 on Mendix 9.24.43 (latest LTS). We adjusted the API Key settings and all JS errors are gone. But we have no map rendering on the page. The data source does have a few locations but no map is displayed.Any ideas what can be wrong or what we have to do?Best Regards,Willem Jan
asked
2 answers
1

Well, did figure it out in the end... The widget must be placed inside a dataview, does not matter what dataview, can be a dataview getting the Maps API. The API key atttributes must be filled. Also a datasource for the locations must be present with valid Lng and Lat.


I also had some CSS setting the height of the marker widget to 0vh :(

answered
0

I have been recently worked with the newer Google Maps widgets, and if there are no JavaScript errors but the map itself is not rendering, I'd recommend checking a few things:

  • Verify the Maps JavaScript API is loading correctly in the browser's Network tab (maps.googleapis.com/maps/api/js) and that there are no Google Maps warnings such as RefererNotAllowedMapError, InvalidKeyMapError, or BillingNotEnabledMapError in the console.
  • Check the API key restrictions (HTTP referrers, enabled APIs, billing, etc.). Sometimes the API loads successfully but won't render the map because of key restrictions.
  • Inspect the map container in the browser and make sure it has a non-zero height. A parent container with height: 0 or hidden content (tabs, collapsible containers, conditional visibility) can prevent the map from displaying.
  • Try placing the widget on a blank page with a fixed-height container to rule out any page layout or styling issues.
  • Verify the widget configuration, especially the initial center/zoom settings and that the marker datasource returns valid latitude/longitude values.


Also personally i would suggest creating new project and test once. Because in my case the is UI.

If the application CSS has Z Index it would also afftect map marker rendering in React Native Widget.


That should help narrow down whether it's an API configuration issue, a layout/CSS problem, or something specific to the widget version.

answered