안녕하세요. React PWA 웹앱 제작중인데,
현재 웹에서는 아래 소스 코드로 맵 표현이 문제가 없는데, 안드로이드 에뮬레이터를 통해 앱으로 실행 시 맵이 표현되지 않아요. 어떤 설정 작업이 필요한지, 혹은 지원하지 않는건지 궁금합니다.
[code]
interface ChildProps {
parentMarkerPosition: AreaInfoType;
parentSetMarkerPosition: Dispatch<React.SetStateAction>;
parentCenter: AreaInfoType;
parentSetCenter: Dispatch<React.SetStateAction>;
}
export const AreaInfoMap = ({parentMarkerPosition,
parentSetMarkerPosition,
parentCenter,
}:ChildProps) => {
// const { location: currentLocation, error: currentError } = useCurrentLocation();
return (
<>
<Map
id={map}
center={parentCenter}
style={{ width: “100%”, height: “100%” }}
level={5}
draggable={true}
isPanto={true}
disableDoubleClick={true}
disableDoubleClickZoom={true}
onClick={(_map, mouseEvent) => {
parentSetMarkerPosition({
lat: mouseEvent.latLng.getLat(),
lng: mouseEvent.latLng.getLng()
})
}}
>
{parentMarkerPosition &&
}
</>
);
}
[Web에서 실행 시]
[App에서 실행 시]
[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.