Я использую «response-native-maps»: «^ 0.26.1» и «response-native»: «0.61.5». У меня есть API, который возвращает баллы, и я заметил, что в некоторых случаях Heatmap из-за реактивных-карт дает ошибки. Он может обрабатывать и показывать множество точек, когда они распределены по всей карте, но когда вокруг одной области много точек, на Android он ничего не показывает, но на IOS работает нормально (как показано на рисунках ниже).
Вкл. IOS
Вкл. Android
Оба с 85 точками. С 80 у меня нет ошибки на Android, поэтому я предполагаю, что проблема в алгоритме на android, когда есть много ближайших точек, и я не знаю, как исправить это. Любая идея или обходной путь? любой другой случай?
РЕДАКТИРОВАТЬ:
это код, где возникает проблема. Это простой MapView с Heatmap.
<MapView
ref={this.initMapRef}
provider={PROVIDER_GOOGLE}
style={{height: this.props.mapHeight, width: this.props.mapWidth}}
showsUserLocation={true}
onUserLocationChange={this.onLocationChange}
customMapStyle={mapStyle}
{...this.getIsPostingAttr(isChoosingPosition || showSuggestions)}
>
{events.length !== 0 &&
<Heatmap
opacity={0.5}
radius={30}
points={events}
/>}
</MapView>
Я думаю, что проблема заключается в количестве точек и их площади. Когда у меня есть 500 очков по всему миру, все работает нормально, но началось с (около) 85 очков близко друг к другу, проблема появляется на Android.