Membuat Map Menggunakan MapBox

Kali ini saya akan memberikan tutorial bagaimana cara sederhana membuat map menggunakan mapbox, sebelum mulai daftar terlebih dahulu di situs mapbox di sini.

Masukan lib di gradle app
compile('com.mapbox.mapboxsdk:mapbox-android-sdk:5.0.2@aar') { transitive=true }

Tambahkan user permission ACCESS_FINE_LOCATION, ACCESS_NETWORK_STATE dan INTERNET di bagian Manifest
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.INTERNET" />

Buat design layout dengan memasukan code XML berikut
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:mapbox="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <com.mapbox.mapboxsdk.maps.MapView android:id="@+id/mapView" android:layout_width="match_parent" android:layout_height="match_parent" mapbox:mapbox_cameraTargetLat="-8.732398735781233" mapbox:mapbox_cameraTargetLng="116.07295989990234" mapbox:mapbox_styleUrl="mapbox://styles/mapbox/satellite-v9" mapbox:mapbox_cameraZoom="15"/> </RelativeLayout>

Terakhir  di bagian class masukan code dan masukan akses tokennya
public class MainActivity extends AppCompatActivity { private MapView mapView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Mapbox.getInstance(this, "pk.eyJ1IjoidGFud2lyIiwiYSI6ImNpa2Q1Y3NyNjAwMTB1am0yaTEwam50aW0ifQ.BpSDatlp3svqf1-7wZF83Q"); setContentView(R.layout.activity_main); mapView = (MapView) findViewById(R.id.mapView); mapView.onCreate(savedInstanceState); mapView.getMapAsync(new OnMapReadyCallback() { @Override public void onMapReady(MapboxMap mapboxMap) { } }); } @Override protected void onStart() { super.onStart(); mapView.onStart(); } @Override public void onResume() { super.onResume(); mapView.onResume(); } @Override public void onPause() { super.onPause(); mapView.onPause(); } @Override protected void onStop() { super.onStop(); mapView.onStop(); } @Override public void onLowMemory() { super.onLowMemory(); mapView.onLowMemory(); } @Override protected void onDestroy() { super.onDestroy(); mapView.onDestroy(); } @Override protected void onSaveInstanceState(Bundle outState) { super.onSaveInstanceState(outState); mapView.onSaveInstanceState(outState); } }

Hasil Output

Selamat mencoba semoga berhasil.