Skip to main content

Basic map

Add a map to your application. Right out of the box, the map displays geographic boundaries, street names, road data, and more.

Basic Map

Sample code

import { Map, Camera, TrimbleMaps } from "@trimblemaps/maps-react-native";

export function BasicMap() {
  return (
    <Map mapStyle={TrimbleMaps.StyleURL.MobileDay} style={{ flex: 1 }}>
      <Camera initialViewState={{ center: [-74.006, 40.7128], zoom: 12 }} />
    </Map>
  );
}

Initialize the TrimbleMaps account before rendering the map. See Getting started.

Last updated November 5, 2026.