Native Google Maps' maker clustering effect with Ionic's native Google Maps plugin?

Ionic Native
1

I want something like the first screenshot of this Google Maps API’s guide which is featured at 1:47 of this video. But that library is for the native (not Ionic) Android. Can I achieve exactly the same maker clustering with Ionic’s native Google Maps plugin?

It seems the Ionic Native Google Maps library contains Marker Clustering as seen at the third screenshot of this page, but when I ran the sample code on the documentation page, there were some noticeable differences.

1.It has no cluster merging/splitting animation.
2.It shows the exact number whereas the native one shows numbers like 10+, 20+, or 100+.
3.Its text colour is black, whereas the native one’s is white.

Is it possible? If not without hard and time-consuming work like porting the library to Ionic myself, please let me know so that I would give up.

[Added]
I am not accustomed to type-less languages. If it was a language like C#, I could see the argument type and know what properties it has. But with JavaScript, how do I know? The documentation page did not say what exactly is ‘icons’ and I could only guess the properties from the example.
{ min: 10, max: 20, url: “assets/imgs/yellow.png”, anchor: { x: 16, y: 16 } }
So, apparently, it had 4 properties, but nothing about text colour. So I looked into the code of MarkerCluster.js, and the 137th line, I saw the icon has label.color property. But there may be others like text size. How do I know all properties?

2
3

It has no cluster merging/splitting animation

The maps plugin does not support it.

It shows the exact number whereas the native one shows numbers like 10+, 20+, or 100+.

The maps plugin does not support it.

Its text colour is black, whereas the native one’s is white.

You can change the text color

4

Thank you. So, until the plugin developers decide to incorporate those features into the plugin, Practically I cannot get those easily, right? Anyways, the problem is that if I set the text colour to white like that, the text is small and thin, unlike the other ones whose text colour has not set. I tried to set the fontSize, but that did not work. Is there a solution for that?

5

The fontSize should work.

For the label property, you can use these options:

fontSize: (in pixel)
color
bold: true or false
italic: true or false

That’s all.

If you pay me additional amount, I will implement another features

6

Or buy you a beer, yes?

FYI, your plugin is fantastic. If I didn’t struggle to pay rent every month, I’d be donating to your cause generously.

7

Buying a beer, thank you. I’m really happy. Thank you for your kindness, and thank you for using the maps plugin.

Here is general topic, not only for particular person.

Creating additional features is more higher amount is required.
Because I always explain to people who ask new features as time is money.

Creating or adding feature spends my private time a lot.
And the feature is not necessary for me (means the feature is not in my plan).
For that, the person needs to pay for my working time.

For example, HTMLInfoWindow and MarkerCluster are sponsored implementation.

So, if someone pay me $300 USD, I will implement both

    1. It has no cluster merging/splitting animation. ($200USD)
    1. It shows the exact number whereas the native one shows numbers like 10+, 20+, or 100+. ($100USD)

The people saves their time by money (here is time is money also).

Since I want to accept only desired requests, I always ask money to the people.
It depends on their decision, the payment is valuable or not valuable for the requested features.

Or you can develop the features by yourself. The source code is fully open.
If implement it, please send it as a pull request.
If I feel the features are valuable, I pay for the developer, because the developer saves my time.

3 Likes