Text symbol

Draw a labeled point with a text symbol.

iOS

Android

This is the real source of the example app’s text-symbol screen — run it on a device or simulator to see it live.

app/symbols/text-symbol.tsx

import { Graphic, GraphicsOverlay, Map, MapView } from 'expo-arcgis';

/** Draws a labeled point with a `text` symbol (white text + dark halo). */
export default function TextSymbol() {
  return (
    <Map basemap="arcGISTopographic" initialViewpoint={{ latitude: 34.012, longitude: -118.8066, scale: 50_000 }}>
      <MapView style={{ flex: 1 }}>
        <GraphicsOverlay>
          <Graphic
            geometry={{ type: 'point', x: -118.8066, y: 34.012 }}
            symbol={{
              type: 'text',
              text: 'Santa Monica Mtns',
              color: '#ffffff',
              size: 14,
              haloColor: '#1d3557',
              haloWidth: 2,
            }}
          />
        </GraphicsOverlay>
      </MapView>
    </Map>
  );
}