[Tips] line-dasharray, stroke-dasharray 제대로 알기

MapBox를 사용하는 프로젝트를 진행하고 있는 도중 맵박스 위에 점선을 표현하는 기능이 있어 개발했었습니다. 개발 이후 현재까지 잘 사용하고 있었는데 ios 버전 업그레이드 이후 맵 초기화 부분에서 알수 없는 오류로 인해 문제가 발생했지만 관련된 그 어떤 글도 확인할 수 없어 난감했었네요. 문제가 발생하는 코드를 하나씩 확인해 나가면서 MapBox의 초기화 과정에서 문제가 발생한것을 확인하고 원인을 찾던과정에서 아래와 같이 두가지 문제가 있는것을 확인했습니다. 1. line-dasharray의 Parsing 오류 mapController?.addLayer( MAP_LINE_SOURCE_DASH, MAP_LINE_LAYER_DASH, LineLayerProperties( lineColor: Colors...

• format_list_bulleted ETC
• · 2023. 12. 29.
• textsms

[해결방법] MapBox error, FusedLocationProviderClient

이번 프로젝트에 MapBox를 사용한 맵 기능을 개발하기 위해 스터디를 하고 있는중에 몇일간 괴롭히던 문제의 원인을 알게되어 기쁜마음에 블로그를 작성하게 되었습니다. 먼저, 아래와 같은 무시무시한 사이즈의 Exception인데요. E/Mbgl-MapChangeReceiver(31392): Exception in onDidFinishLoadingStyle E/Mbgl-MapChangeReceiver(31392): java.lang.IncompatibleClassChangeError: Found interface com.google.android.gms.location.FusedLocationProviderClient, but class was expected (declaration of 'com.googl..

• format_list_bulleted Flutter
• · 2023. 4. 12.
• textsms

Flutter에서 MapBox 사용하기, Flutter with MapBox

이번 프로젝트에서는 맵 기능에 MapBox 라이브러리를 사용하기로 하였습니다. Flutter library 는 가장 많이 사용되고 있는 mapbox_gl 을 사용하기로 했습니다. https://pub.dev/packages/mapbox_gl MapBox를 사용하기 위해 회원 가입을 하면 아래 이미지와 같은 화면이 보이게 됩니다. 하단에 보이는 Create a token 버튼을 통해 Access token을 발급 받아야 합니다. Android guide (https://docs.mapbox.com/android/maps/guides/install/)에 의하면 Download:Read scope를 설정해줘야한다고 하니 체크를 하고 이름을 주고 생성해보았습니다. 저는 안드로이드에서 테스트를 하려고 했기 때문에..

• format_list_bulleted Flutter
• · 2023. 3. 31.
• textsms

Flutter 앱에 Map 기능 추가하기 (MapBox, GoolgeMap)

다음 프로젝트에서는 Map을 기반으로 한 기능이 추가될 예정이기에 Map과 관련된 정보들을 작성해보려고 합니다. 플랫폼으로 GoogleMap을 사용할지 MapBox를 사용할지 결정하진 않았지만 GoogleMap은 많이 써봤으니 당분간은 MapBox 위주로 스터디를 진행할 예정입니다. * 관련 링크 1. Flutter 앱에서 MapBox 사용하기 : https://www.youtube.com/watch?v=hZwrcOTxDJI 2. leaflet.js (Map에 관련된 오픈소스 JS 라이브러리) : https://leafletjs.com/ 3. flutter_map (leaflet.js를 기반으로 하는 Flutter용 매핑 패키지) : https://pub.dev/packages/flutter_map : ..

• format_list_bulleted Flutter
• · 2023. 2. 1.
• textsms