Method render

example/src/examples/HeatMap.tsx:33–60

()

  }

  render() {
    if (this.props.provider !== PROVIDER_GOOGLE) {
      return (
        <View style={styles.error}>
          <Text>Heatmap is not supported on Apple maps.</Text>
        </View>
      );
    }
    return (
      <View style={styles.container}>
        <MapView
          provider={this.props.provider}
          style={styles.map}
          initialRegion={this.state.region}>
          <Heatmap
            points={this.state.points}
            opacity={1}
            radius={50}
            gradient={{
              colors: ['#00f', '#0ff', '#0f0', '#ff0', '#f00'],
              startPoints: [0.1, 0.3, 0.5, 0.7, 1],
              colorMapSize: 256,
            }}
          />
        </MapView>
      </View>
    );
  }
}

const styles = StyleSheet.create({