Leaflet TileLayer ESRI

Pada postingan sebelumnya, kita telah bermain dengan Leaflet sebagai alternatif penggunaan Google Map API. Sekarang, kita coba tambahkan sedikit fitur agar dapat melihat tampilan satelit / rupa bumi, dan tidak hanya “peta jalan” OSM nya Mapbox.

Untuk itu, kita menggunakan L.tileLayer, untuk menambahkan sebuah TileLayer.

Untuk kodingan, sila lihat GIST saya berikut:

Sedangkan tampilan dapat dilihat

http://rawgit.com/kampar/fa5a2515451e0f271b6d/raw/3b585dfaae64676a83888f5db366f02ae63bbc48/L.tileLayer_sample_ESRI_MapboxOSM.html

rawgit 2016-01-31_06-40-34

 

Kalau Anda perhatikan, sangat mudah untuk menambahkan sebuah lapisan ubin baru (tileLayer) pada Leaflet, cukup dengan perintah L.tileLayer

var tileLayer_ESRI_World_Imagery = L.tileLayer(‘

dan untuk menampilkan pilihan di pojok kanan berbentuk radiobutton tersebut, gunakan perintah

//radio button, check box
L.control.layers(baseMaps, overlayMaps).addTo(map);

Saya rasa, jika Anda mahir sedikit bahasa Jawa, eh JavaScript, pastilah mengerti betapa mudahnya menampilkan pilihan peta dasar dengan Leaflet.

 

Iklan