Cluster Icon not showing

[Apro123]

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

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

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

• [ ] Android
• [ ] iOS
• [X] Browser

cordova information: (run $> cordova plugin list)

cordova-plugin-device 2.0.2 "Device"
cordova-plugin-geolocation 4.0.2 "Geolocation"
cordova-plugin-googlemaps 2.7.1 "cordova-plugin-googlemaps"
cordova-plugin-ionic-keyboard 2.2.0 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 4.1.3 "cordova-plugin-ionic-webview"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-statusbar 2.4.2 "StatusBar"
cordova-plugin-tts 0.2.3 "TTS"
cordova-plugin-whitelist 1.3.4 "Whitelist"
cordova-sqlite-storage 5.0.0 "Cordova sqlite storage plugin - cordova-sqlite-storage plugin version"

If you use @ionic-native/google-maps, please tell the package.json (only @ionic-native/core and @ionic-native/google-maps are fine mostly)

"@ionic-native/core": "^5.31.1",
"@ionic-native/google-maps": "^5.5.0",

Current behavior: Before, it was working but now this issue is a problem with ABSOLUTELY no change in the code. The issue is that the marker cluster icon does not show up at all.

Expected behavior: The expected behavior is for the cluster icon to show up and me being able to click on it.

Screen capture or video record: https://user-images.githubusercontent.com/22110394/107268339-de77cb80-69fc-11eb-9928-7a67fb773a6d.mov

Related code, data or error log (please format your code or data):

https://github.com/Apro123/SusMap
https://map-sustainability.ucmerced.edu/

[Apro123]

282 Some people here also experience this issue, but it was closed.

[Apro123]

It seems the image of the icon is showing as transparent:

[Apro123]

We can also see the issue on your own demo: https://mapsplugin.github.io/ionic-googlemaps-quickdemo-v4/marker-cluster

So it is not a problem with the code that I have.

[wf9a5m75]

That's a bug of Google Maps API. Not this plugin. There is no solution, except changing zoom level to redraw the map.

[Apro123]

Is there a issue open you can redirect me to this specific issue with google maps api? I am trying to find it but i couldnt find it. What do you mean by "changing the zoom level to redraw the map".

[wf9a5m75]

The maps plugin adds necessary marker on the map properly. But the Google maps does not render for some reason. Try to zoom-in/zoom-out when the marker is not rendered.

[wf9a5m75]

Also "all" source code is open. You can check the code. If you find a problem, please send a pull request.

[Apro123]

The zoom in and zoom out doesn't work since the clustered icons do not work any time.

[wf9a5m75]

https://github.com/ionic-team/ionic-native-google-maps/issues/350#issuecomment-773580590

[Apro123]

@wf9a5m75 Thanks for the response. I tried it and is still not working properly. The markers within the cluster do show up, but either they do not cluster or the clustered Icon is transparent.

[nosTa1337]

I had the same issue when I was running it with livereload on my device. After I have created the release build I can see the cluster images.

What I also tried on the livereload version was linking the image to an http url and it showed up that way.

[Apro123]

@nosTa1337 I tried using http urls but it still does not work. You cannot livereload with this project because it requires you to run ionic cordova run browser, but that itself does not support livereload. I tried using a --prod --release build but it does not work.

[Apro123]

@wf9a5m75 This is quite a critical issue. Are there any updates on it?

[Datalux]

Same issue.

#350 (comment)

This not working.