I want to make an interactive app where users can view crime rates in their area by pulling in geo-data from the met police website.

I have gotten the Mapbox map to display but I am trying to figure out how exactly would I render the hexagons on to the map. Like where would I put it.

Below is my code. Where can I improve it?

import React from "react";
import { StyleSheet, View } from "react-native";
import MapboxGL from "@rnmapbox/maps";


const App = () => {
  return (
    <View style={styles.page}>
      <View style={styles.container}>
        <MapboxGL.MapView style={styles.map} />

export default App;

const styles = StyleSheet.create({
  page: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
  container: {
    height: "100%",
    width: "100%",
  map: {
    flex: 1,

What code of block would accept the h3 hexagon logic?

  • did you find any solution for this yet?
    – Gokul N K
    Commented Jan 20, 2023 at 11:34


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.