Flutter Google Map API 연동

처음에는 Kakao Map API 연결하려고 했는데 아래와 같은 에러 발생

image_picker와 flutter_kakao_map

• XFile이 없는 데이터 타입이라고 나오는 에러

  The name 'XFile' isn't a type so it can't be used as a type argument.
  Try correcting the name to an existing type, or defining a type named 'XFile'

• image_picker에서 제공하는 함수 pickMutiImage가 없는 함수라고 나오는 에러
• pubspec.yaml의 dependencies에 최신버전으로 추가해줬는데도 image_picker를 import할 때 legacy라고 하는 경우

  The library 'package:image_picker/image_picker.dart' is legacy, and shouldn't be imported into a null safe library.

원인

flutter_kakao_map과 image_picker를 같이 쓰는 경우 버전간의 충돌로 인해서 에러 발생

→ 자세히 말하면 flutter_kakao_map를 사용하면 image_picker를 하위 이전 버전으로 자동 고정시키는데 이전 버전의 경우 null safe 를 제공하지 않기 때문에 아예 image_picker의 import가 원할하지 않아서 사용 자체가 안되는 거였음

해결

카카오맵을 kakao webview 를 이용하는 걸로 우회 혹은 구글 맵 API 이용

Google Map API 사용을 위한 참고 사이트

[flutter] 현재위치를 google map으로 확인하기 (google_maps_flutter, geolocator)

[Flutter] 플러터 Google Map에서 현재 위치 좌표(위도, 경도) 찾기

[Flutter] 플러터 Google Map API 활용 예제(마커 추가, zoom)

[Flutter] 플러터 Google Map API 활용

[플러터] Google Maps 구현