// 권장하지 않음 - 성능 비용 높음
<NaverMapMarkerOverlay latitude={lat} longitude={lng} width={60} height={30}>
  <View style={{ width: 60, height: 30, backgroundColor: 'blue' }}>
    <Text>텍스트</Text>
  </View>
</NaverMapMarkerOverlay>

// 권장 - 성능 우수
<NaverMapMarkerOverlay
  latitude={lat}
  longitude={lng}
  image={{ symbol: 'blue' }}
  caption={{ text: '텍스트' }}
/>

// 권장
<NaverMapMarkerOverlay
  latitude={lat}
  longitude={lng}
  image={require('./marker.png')}
  width={32}
  height={40}
/>

const markerComponents = useMemo(() => (
  markers.map((marker) => (
    <NaverMapMarkerOverlay
      key={marker.id}
      latitude={marker.latitude}
      longitude={marker.longitude}
      image={{ symbol: 'red' }}
      caption={{ text: marker.name }}
    />
  ))
), [markers]);

// 수천 개의 마커도 효율적으로 처리
<NaverMapView
  clusters={[
    {
      markers: largeMarkerArray, // 수천 개 가능
      screenDistance: 200,
      animate: true,
    },
  ]}
/>

clusters={[
  {
    markers: largeMarkerArray,
    screenDistance: 150,   // 너무 작으면 클러스터 효과 감소
    animate: false,        // 애니메이션 비활성화로 성능 향상
    minZoom: 0,
    maxZoom: 16,           // 고줌에서 클러스터 해제
  },
]}

<NaverMapView
  isLiteModeEnabled={true}
  // 라이트 모드 제약:
  // - 화질 하락
  // - Navi 지도 유형 불가
  // - 레이어 그룹 불가
  // - 실내지도/야간 모드 불가
  // - 심벌 클릭 이벤트 불가
  // - 마커-심벌 겹침 처리 불가
/>

<NaverMapView
  fpsLimit={30}  // 초당 30프레임으로 제한 (기본: 0 = 무제한)
/>

<NaverMapView
  isUseTextureViewAndroid={true}  // 초기화 시에만 적용
/>

// 권장하지 않음 - 매 프레임마다 API 호출
onCameraChanged={({ latitude, longitude }) => {
  fetchDataForCoord(latitude, longitude); // 부하 큼
}}

// 권장 - 카메라 이동이 완전히 멈춘 후 한 번 호출
onCameraIdle={({ latitude, longitude }) => {
  fetchDataForCoord(latitude, longitude); // 적절
}}

// 줌 14 이상에서만 상세 마커 표시
<NaverMapMarkerOverlay
  latitude={lat}
  longitude={lng}
  minZoom={14}
  caption={{ text: '상세 정보', minZoom: 15 }}
/>