@lugg/maps

Universal maps for your React Native apps 📍

Documentation

Full documentation lives at maps.lodev09.com.

• Installation - Expo, bare React Native, and web setup
• Usage - Render your first map
• MapView - Props, camera methods, events, static maps
• Marker - Custom views, callouts, dragging
• Polyline, Polygon, Circle - Shapes
• GeoJson, GroundOverlay, TileOverlay - Data and overlays
• Types - Coordinate, Point, EdgeInsets

Quick start

npm install @lugg/maps

import { MapView, Marker } from '@lugg/maps';

<MapView
  style={{ flex: 1 }}
  provider="google"
  initialCoordinate={{ latitude: 37.7749, longitude: -122.4194 }}
  initialZoom={12}
>
  <Marker
    coordinate={{ latitude: 37.7749, longitude: -122.4194 }}
    title="San Francisco"
  />
</MapView>

Google Maps needs an API key on every platform. See Installation for Expo, iOS, Android, and web setup.

AI Skills

Skills give your AI coding agent working knowledge of @lugg/maps - setup, camera control, markers and callouts, static maps, advanced patterns, and platform limitations - so it generates correct code without you explaining the library each time.

npx skills add lugg/maps

This installs the Maps Usage skill into your project. The source lives in skills/maps-usage.

Contributing

• Development workflow
• Sending a pull request
• Code of conduct

License

MIT