Custom Map Styles + Google Maps APIs: Estilizando Mapas no Android

Talk presented during Android Meetup São Paulo #43, about custom map styling on Android using Google Maps APIs.

All the slides are in Portuguese (BR).

Demo: https://github.com/walmyrcarvalho/custom-styled-maps-android

Transcript

1. CUSTOM MAP STYLES + GOOGLE MAPS APIS ESTILIZANDO MAPAS NO ANDROID Walmyr Carvalho #AndroidMeetup
2. Boa noite!
3. Walmyr Carvalho @walmyrcarvalho
5. Android Meetup RJ Organizador Android Dev BR Admin
7. Contexto
8. Todo mundo usa mapas, direta ou indiretamente.
14. A UX de mapas em aplicações móveis pode afetar profundamente a vida do usuário.
17. Soluções disponíveis
22. Por mais que existam diversas soluções no mercado a maioria das pessoas utiliza Google Maps APIs no Android, por diversos motivos (custo, praticidade, etc).
23. Tá, mas eu quero isso tudo usando Google Maps APIs, e aí?
24. Hoje já possível customizar estilos de mapas no Android desde o lançamento da versão 9.6.0 do Google Play Services.
26. Antes da configuração no Android é necessário a gente criar algum estilo. Mas como eu faço isso?
27. Google Maps APIs Styling Wizard
29. mapstyle.withgoogle.com
32. Primeiro, precisamos criar um estilo customizado e adicionar o JSON de resultado dele na pasta raw do projeto:
34. Com o JSON de estilo configurado, só precisamos configurar ele no mapa do projeto:
35. MapActivity.kt // Call it on onCreate mapFragment.getMapAsync(this)
36. MapActivity.kt class MapsActivity : AppCompatActivity(), OnMapReadyCallback { // Don’t forget the callback! 
 }
37. MapActivity.java public class MapsActivity extends AppCompatActivity implements OnMapReadyCallback { // Don’t forget the callback! 
 }
38. MapActivity.kt override fun onMapReady(googleMap: GoogleMap) { // Loading the map style googleMap.setMapStyle(MapStyleOptions.loadRawResourceStyle(context, R.raw.style_json))
 
 }
39. E… é isso!
41. Demonstração
42. Styled Maps - GitHub github.com/walmyrcarvalho/custom-styled-maps-android
43. Dúvidas?
44. Walmyr Carvalho @walmyrcarvalho
45. Slack | Android Dev BR slack.androiddevbr.org
46. Kotlin Meetup - São Paulo meetup.com/kotlin-meetup-sp New!
47. MUITO OBRIGADO! :)