Micon | Micon , The iconic windows 10 font and CSS toolkit | Icon library

I trying to display temperature values that came from the API response in RecyclerView. The thing is my program constantly display just one, first item. I'm not sure where can be the issue, and I feel a bit lost in it.

Part of the api response that I want to display

I've put together a map with clusters. The idea was that cluster's color should depend on the color of markers inside: if there is a red marker, cluster is red; no red, but there is a yellow marker, cluster is yellow; no red and yellow markers, cluster is blue.

This only works as expected at specific zoom levels. Fully zoomed out it shows blue cluster, however there are red markers in there, so I expect a red cluster. When I start to zoom in and the map shows multiple clusters, most look right, but in some instances this offending behavior repeats, it will group red/yellow/blue markers into blue cluster, I expect red. Same with Yellow + Blue markers should form a yellow cluster, not blue.

According to this setCalculator function runs for each cluster individually, therefore I was expecting consistent behavior, but instead we have mixed results.

A previous Q&A provided a great example of what I'm looking to do with a map, but I'm clearly missing something when I integrate portions into my own page, as I keep getting an error thrown and can't see where I'm wrong.

Previous Q&A :

Overlapping Pointers with MarkerClustererPlus and OverlappingMarkerSpiderfier

I'm working on a page for a directional route with waypoints and clustered markers at given distances along the route / polyline. It works great as is, but the icing would be Spiderfied clustered markers.

Here's my code so far :

I'm working on a app in Xamarin Android and got stuck on this error, after changing target sdk/Android version from Android 9 to Android 10:

my AndroidManifest (in Visual Studio!):

I came across a previous question (Rocket Ronnie) and answer (Geocodezip) from a few years ago which I've successfully updated to place multiple makers at separate distances along a given route.

Google maps draw distance traveled polyline

The next step which I'm having issues with is adding clustering. I'm new to Google mapping, I've used the Google clustering examples and see how they work, but can't work out how to combine the two. Any guidance or pointers would be hugely appreciated. Thanks in advance.

I'm working on unit testing under my Angular app.

My version of Angular is 4.0.0.

My component look like this:

component.ts:

I have a google map with 1 destination and 2 origins (the green marker is the origin and the red is the destination). there is a button that when I click, the markers should be not in the google maps anymore, but when I click the button, the destination and 1 origin are removed, but they're still 1 origin marker even if the original array is already null.

I followed the documentation, but the origin marker is still not removing.

here is an example of array of latlong:

I'm facing a problem to display the random locations around the location are fetching from mysql, the method found Here. and its working prefect when i give value for lat and lng directly ,but in my code after using mysql data not able to display the random location on map ,google map displaying only the location from mysql as shown in the picture. so i wish someone can help me about my problem.

the result after run the code

the database and data define as:

I am implementing the angular google maps where I am getting pickup and destination location from user and displaying the direction through in angular google maps. I have displayed the marker for origin and destination on maps but after implementing the it started displaying the default markers 'A' and 'B'. I want to either remove these markers from map or change the default icons from 'A' and 'B' to some other icon.