Gradient disappears at a specific zoom.

[vlimag]

Hi,

First of all, congratulations for the package.

I am using the Points-density algorithim, and it is working just fine.
The only think that is not working as expected is that at some zoom, the gradient and the 'Critical' points dont show properly (All the poinst are displayed exactly the same).
and then the points come back to show the gradient..
Following are the configurations of the component, and the transition of the zoom - less zoom possible - intermediate zoom - max zoom.
Is there a solution for this?

Thanks in advance.

---

Component configuration:

<MapView
              provider={PROVIDER_GOOGLE}
              style={styles.map}
              customMapStyle={ CustomMap }
              region={{
                latitude: -23.595639,
                longitude: -46.581814,
                latitudeDelta: 16,
                longitudeDelta: 16
              }}
            >
            <MapView.Heatmap points={this.state.data}
                             opacity={1}
                             gradient={{
                                 colors: ["#9f9af0", "#7ceef4", "#7ee64e", "#fced49", "#f34225", "#f34225"],
                                 values: [0.2, 0.25, 0.35, 0.40, 0.50, 1]}}
                             maxIntensity={100}
                             radius={50}
                             />     
            </MapView>

[pjamrozowicz]

Hi!

I'm glad you tried out my library!

First of all, if you are using default, density based algorithm then maxIntensity option doesn't work as it's only meant for weight based algorithm.
The effect you see is caused by static radius set to 50 (https://stackoverflow.com/questions/35257612/increase-radius-on-heat-map-for-maps-api-on-android). Unfortunately, I didn't add possibility to automatically change radius for this algorithm (for weight based there is a onZoomRadiusChange option).
You can try doing it yourself by getting current zoom from airbnb MapView api and then changing heatmap radius accordingly. It should work. You can also try using the other algorithm, it has more options.

[vlimag]

Thanks for your response @pjamrozowicz .
I've tried the other algorithm, but it seems that the rendered points dont merge with each other and dont change the color accordingly.
I've tried with the same configurations of the example, and also increasing a lot the radius.
Am I doing something wrong?

About the radius, I've tried with radius 100, using setRadius method on native Android, but the behavior remains the same, with different radius only.
Any suggestion?