MapView

Molecule

Leaflet tabanlı etkileşimli harita. Tooltip destekli işaretçiler, önceden tanımlı zone'lar (polygon), rota çizgisi (polyline) ve tıkla-ekle işaretçi modu içerir.

Preview

Harita yükleniyor…

Son event: —

Code

<MapView
  center={[41.015, 28.979]}
  zoom={6}
  markers={CITIES}
  zones={ZONES}
  routes={ROUTES}
  onMarkerClick={(id) => console.log(id)}
  height={420}
/>

Preview

Harita yükleniyor…

Toplam işaretçi: 1

Code

<MapView
  center={[39.5, 35.0]}
  zoom={5}
  markers={markers}
  onMarkerAdd={(pos) => setMarkers(prev => [
    ...prev,
    { id: String(Date.now()), position: pos, variant: 'warning' },
  ])}
  height={380}
/>

Preview

Harita yükleniyor…

Code

<MapView
  center={[39.5, 35.0]}
  zoom={5}
  zones={ZONES}
  routes={ROUTES}
  height={380}
/>

MapView

Tam özellik — işaretçi + zone + rota

Tıkla-ekle işaretçi modu

Yalnız zone ve rota

Navigation