Menampilkan Peta OpenStreetMap dalam Android

Contoh Kasus:

Saya ingin menampilkan peta seperti dibawah ini:

osm20150427528

Pertanyaan:

Bagaimana cara membuatnya … ?

Jawaban:

Bukalah software eclipsemu

Lalu buatlah sebuah projek android bernama BelajarOSM

Lalu Download library:

Lalu masukkan kedua library tersebut ke dalam folder libs seperti terlihat pada gambar dibawah ini:

libraryOSM2015042540

Perubahan Dalam file XML

Bukalah file XML-mu dan rubah isinya menjadi seperti kode berikut ini:

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”match_parent”
android:layout_height=”match_parent” >

<org.osmdroid.views.MapView

android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:id=”@+id/mapview”>

</org.osmdroid.views.MapView>

</RelativeLayout>

Perubahan dalam Activity

Rubahlah isi file MainActivitymu seperti terlihat berikut ini:

public class MainActivity extends Activity {

private MapView mapView;
private IMapController mapController;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mapView = (MapView) this.findViewById(R.id.mapview);
mapView.setBuiltInZoomControls(true);
mapView.setMultiTouchControls(true);
mapController = mapView.getController();
mapController.setZoom(2);

}

}

Keterangan:

  •  mapView.setBuiltInZoomControls(true), Kode ini digunakan untuk menampilkan tool zoom pada layar peta.
  •  mapView.getController(), Kode ini digunakan untuk mengimplementasikan metode-metode yang terdapat dalam class  IMapController.
  •  mapController.setZoom(2), Kode ini digunakan untuk mengeset level zoom 2.

Perubahan dalam File AndroidManifest.xml

Masukkan uses-permission seperti terlihat dibawah ini:

<uses-permission android:name=”android.permission.ACCESS_NETWORK_STATE”/>
<uses-permission android:name=”android.permission.INTERNET”/>

Penutup

Sekian dan Terima Kasih.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *