flowersayo
commented
1 year ago react-native-maps를 활용한 구글맵 띄우기
https://github.com/react-native-maps/react-native-maps/blob/master/docs/installation.md
https://velog.io/@kwonh/ReactNative-google-map-marker-geolocation-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%ED%99%98%EA%B2%BD-react-native-maps-react-native-communitygeolocation -> 몇년전 글이긴한데 이글이 제일 자세하게 나와있음
(+ 원래는 Physical Device 연결해서 시뮬레이션 했었는데 무슨 이윤지 Physical Device 에 Google Play Service가 설치되지 않아서 https://support.google.com/googleplay/answer/9037938?hl=ko <- 이 방법도 다 해봄 제 추측이건데 제 공기계가 USIM 이 없는지라 Google Play Service 설치가 되지 않는것인가 합니다. 지금 당장은 USIM 있는 공기계를 구하기 어려운 상황이기에 우선 빠르게 지도 띄우는것이 좋을 것 같아 Google Play Service 설치가 가능한 SDK로 Google Play Service 설치후 애뮬레이터로 시뮬레이션 하고 있습니다. )
Ensure that you have Google Play Services installed For the Genymotion emulator, you can follow these instructions. For a physical device you need to search on Google for 'Google Play Services'. There will be a link that takes you to the Play Store and from there you will see a button to update it (do not search within the Play Store).
지도가 호출은 되는데 위 사진처럼 배경이 회색으로 보이는 상황입니다.
우선 계속 시도는 해보겠지만 #10번 이슈 브랜치에 코드를 올려두었으니 혹시나 원인이 짐작가는 분이 계시다면 말씀 부탁드립니다 !
방법1. google_maps_api.xml 추가
-> 안됨
방법2. SDK 필요한 패키지 설치
In particular, the following packages have to be installed:
Extras / Google Play services
Extras / Google Repository
Android 6.0 (API 23) / Google APIs Intel x86 Atom System Image Rev. 19
Android SDK Build-tools 23.0.3->Extras / Google Repository가 존재하지 않아서 우선은 빼고 설치함 -> 그러나 안됨
그외 https://github.com/react-native-maps/react-native-maps/blob/master/docs/installation.md -> 여기 공식 문서에 나와있는 Troubleshooting 방법들은 모두 따라해본 것 같습니다
🎈 지금 한가지 의심가는 정황이 있는데 클라우드 플랫폼에서 API 키를 무료로 발급받은 이후, 이상하게 해당 페이지에 다시 접속하면 카드등록? 결제할 것을 요청하더라구요 무료로도 api 키 생성을 해줘서 괜찮은 줄 알았는데 유효한 구글맵 API 키를 사용하려면 무조건 카드결제를 진행했어야하는 걸까용,, ? 매월 200달러의 무료 크레딧을 사용할 수 있다고 하는데, 우선 아직 정확한 가격 책정 정책https://mapsplatform.google.com/pricing/?hl=ko 을 몰라서 결제하지 않았었거든요..!
-> 찾아보니 결제해야되는게 맞는 것 같아요! 근데 혹시 제가 하필 비자카드가 없어서 결제가 어려운 상황인데 혹시 아래 사이트 들어가셔서 결제계정 생성후 api 키 생성해주실 분 계신가요? 반드시 구글 계정과 일치하는 본인 명의의 카드여야하는 것 같아요
[구글맵 api 키 발급]https://developers.google.com/maps/documentation/javascript/get-api-key
[가격정책] (https://support.google.com/google-ads/answer/2375432?visit_id=637520261292515945-156686760&rd=1)
우선 가능한 분이 없으셔서 제 부모님 명의의 구글 계정과 카드 빌려서 결제 시도 요청 보냈는데 결과가 요렇네용 ,, ㅎㅎ ㅠ
일단 조금 더 시도해보겠습니다
-> 된 것 같아요! 승인 나오면 연락드리겠습니다
ㅠㅠ api 키가 유효하지 않았던게 맞았나봐요 이제 잘 보이네용 😭😭😭😭
SJ-Lee33
둘러보기 - 포인트 지도 개발
첫화면 / 안내화면
[x] getPossibleFlowersModal.js
[x] getAllFlowersModal.js
[x] NotFoundModal.js
[ ] NotFoundModal_extra.js
[ ] DistanceToSpotModal.js
[ ] ArriveSpotModal.js
마커클릭
친환경 스팟 도착
리스트뷰