React Native

Отдельный мобильный пакет и установка WebView.

Установка

Код

Что получится

Терминал

npm install @umap-llc/map-native react-native-webview
npx pod-install

Карта на экране

Используйте отдельный пакет map-native. Браузерные DOM-маркеры и React-компоненты из map-react не являются компонентами React Native.

Код

Результат

React

import { MapView } from "@umap-llc/map-native";
export default function Screen() {
  return (
    <MapView
      style={{ flex: 1 }}
      styleUrl="YOUR_STYLE_URL"
      accessToken="YOUR_ACCESS_TOKEN"
      initialCamera={{ center: [71.43045, 51.12829], zoom: 15 }}
    />
  );
}