리액트 네이티브 웹뷰로 지도 사용시 marker

카카오맵 API (지도/로컬)
1

현재 웹뷰로 지도 보이기까지 가능하게 했습니다.

카테고리 별 검색을 하고 싶어서
카테고리별 장소 검색하기 - Kakao 지도 Web API 를 보면서 테스트용으로 똑같이 만들었습니다.

일단

ps.categorySearch(currCategory, placesSearchCB, {useMapBounds:true});

이게 실행되지 않아서

li 클릭시 window.ReactNativeWebView.postMessage 카테고리 값을 받아서 백엔드로 보낸 뒤 카카오 로컬 api인 https://dapi.kakao.com/v2/local/search/category.${FORMAT}를 호출하여서 data를 받아오는 것 까지는 성공 했습니다.

data가 변경되면 webview도 리랜더링되는데 리랜더링 되면서

마커가 생성되지 않습니다.

예제에있던 displayPlaces에서 for문으로 생성하기떄문에 받아온 data를

var places = […${JSON.stringify(daya)}];

이렇게 한뒤 진행하였습니다.

어떻게 해야 마커가 나올까요?

marker.setMap(map);이 안되는것 같습니다

2

먼저 places값이 올바른지 확인이 필요해 보입니다.
올바른 데이터로 반복문이 실행되었는지, marker가 생성되었는지 등 디버깅으로 확인해 주세요.
그리고 추가 문의 시 현상을 확인할 수 있는 데이터와 코드 함께 첨부 부탁드립니다.

4

해결 됬습니다.

제가 데이터를 가져오는것만 신경써서 잘못된 데이터를 가지고 온거였습니다.

예) 지도 중심은 부산쪽인데

카테고리 별 데이터 가져올떄 따로 x,y를 주지않아서 임의의 데이터가 가져와진거라서 나타나지않았습니다.

1개의 좋아요