Flutter

[Flutter] 플러터 chrome 실행시 화면에 구글맵 가져오기

탁탁슝 2024. 7. 22. 21:37

1. 터미널에 아래 명령어 입력하기

flutter pub add google_maps_flutter_web 

flutter pub add google_maps_flutter_platform_interface

 

2. web/index.html에 아래 코드 추가하기

<script src="https://maps.googleapis.com/maps/api/js?key=내API키"></script>

 

3. 구글맵을 사용하고자 하는 dart 파일에 아래 코드 작성하기

GoogleMapsFlutterPlatform mapsImplementation =
      GoogleMapsFlutterPlatform.instance = GoogleMapsPlugin();

 

출처

https://velog.io/@iwytbbtss/Flutter-Webgooglemaps-%EA%B5%AC%EA%B8%80-%EC%A7%80%EB%8F%84-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

 

[Flutter Web]google_maps 구글 지도 사용하기

Flutter Web에서 Google_Maps 사용하기 바로 시작하겠습니다. https://pub.dev/packages/googlemapsflutter https://pub.dev/packages/googlemapsflutter_web 이렇게 두가지 패키지 설치

velog.io