React için
gerçek zamanlı
3B haritacılık

• 

  12 700 km Küreden düz haritaya elipsoit yedeği, akıllı kümeleme

• 

  9 km İşaretçiler ve kümeler yeniden kullanılan DOM düğümleri, kategoriye göre ayrılmış

• 

  3 km Silüet ve ufuk eğim ne olursa olsun işaretçiler ekran boyutunu korur

• 

  900 m Koordinat ızgarası zemine yapışır, ekrandaki çizgi kalınlığı sabit kalır

• 

  1,7 m Yaya modu göz yüksekliği, yerçekimi, çarpışmalar

• Fotogerçekçi 3B, düz 2B cesiumIonToken Cesium Ion üzerinden Google Photorealistic 3D Tiles, belirteç yoksa elipsoit küre ve Google’dan ya da kendi XYZ sunucunuzdan gelen 2B temel harita.
• DOM işaretçileri ve kümeleri markersLayer() Yerel hover, odak ve CSS animasyonu çalışan gerçek DOM düğümleri. Havuzlanır ve tek bir translate3d geçişinde yazılır; hareket eden birim yeniden oluşturulmak yerine kayar.
• Çizim düzenleyici draw Çerçeve ve kement seçimi, yeniden boyutlandırma ve döndürme tutamakları, araca özgü stiller, geri al ve yinele, GeoJSON alma ve verme.
• Görünüm alanına bağlı canlı veri useLiveData() Kamera hareket ettikçe sınırlayıcı kutuya göre yeniden çekme, ayrıca gerçek zamanlı güncellemeler.
• MIL-STD-2525D sembolojisi dinamik import 9 MB’lık sembol SDK’sı yalnızca gerektiğinde yüklenir — sembol göstermeyen bir pakete asla girmez.
• Tipli tema ve etiketler theme · labels Açık ve koyu, prefers-reduced-motion gözetilir, tamamı çevrilebilir. Kodun hiçbir yerinde sabitlenmiş metin ya da değer yok.

• 

  Çizim ve seçimyeniden boyutlandırma ve döndürme tutamakları, canlı seçim paneli, geri al ve yinele

• 

  MIL-STD-2525D paletidost, düşman, tarafsız, bilinmeyen — SDK gerektiğinde yüklenir

• 

  Katalog ve veri kaynaklarıbir kaynağı açarsınız, 252 nokta iner ve kümeler yeniden kurulur

• 

  Açık tematek bir ayar — harita dahil tüm arayüz onu izler

import { Map, markersLayer, type MarkerData } from '@pasquelin/map3d'

type Alert = { title: string }

const alerts: MarkerData<Alert>[] = [
  { id: 1, type: 'critical', position: { lat: 48.8566, lng: 2.3522 }, title: 'Intrusion', data: { title: 'Intrusion' } },
  { id: 2, type: 'info', position: { lat: 48.8606, lng: 2.3376 }, title: 'Patrol', data: { title: 'Patrol' } },
]

export function App() {
  return (
    <div style={{ height: '100vh' }}>
      <Map
        center={{ lat: 48.8566, lng: 2.3522 }}
        zoom={13}
        layers={[markersLayer<Alert>({ points: alerts, cluster: { enabled: true } })]}
      />
    </div>
  )
}

İsteğe bağlı eklentiler — IGN Géoplateforme, Windy, iç mekân kat planları — ayrı bir depoda yaşar; eklenti API’siyle kendinizinkini de yazabilirsiniz.