Arsip Kategori: JavaScript

Cesium Black Marble TMS

Ubin atau bahasa ocunya tile, kalau di TMS memang dihitung dari kiri bawah, sedangkan kalau slippy dihitung dari kiri atas ke bawah, sehingga, kalau kita ingin menampilkan ubin dari server TMS, hasilnya akan terbalik seperti di bawah ini:

00-cesium-black-marble-terbalik-y-nya

Gambar di atas adalah Indonesia di malam hari, tetapi terbalik Y nya.

Hal ini karena memang tidak sama pola penomoran ubin dari Google yang mengikuti slippy map dan dari layanan TMS.

 

Solusinya di Leaflet adalah dengan menggunakan {-y} di URL ubin kita, tidak default {y}

 

Sayangnya, tidak semua leaflet dukung. Versi saya ternyata sudah lama dan belum dukung. Akibatnya, dia malah merequest berkas ubin -y.png bukan angkanya.

01-leaflet-tidak-mengerti-y

versi saya masih cukup lama …

 

 

02-leaflet-lama-sepertinya-404-cesium

 

Solusinya? Cukup update leaflet Anda …

dan hasilnya sekarang sudah bagus:

03-setelah-di-update-leafletnya-jadi-ok

Google Maps API custom legend

Sebenarnya, saya sudah sangat malas ngajar tentang Google lagi, terutama semenjak kasus #PRISM #Snowden, tapi … berhubung masih banyak yang pake Google Maps API, makanya, berikut sample Google Maps API tentang penggunaan legenda peta.

 

Source code dapat diubah melalui GIST berikut:

Preview HTML nya di sini:

https://cdn.rawgit.com/kampar/b65b8319e88c43087440f591ed30d195/raw/f29c9584df0c6d3fcc5f43dfaca3bbe6735e58b4/custom_legend.html

 

Beberapa hal yang saya ubah dari sample nya Google adalah:

Center peta diubah ke UIN Suska, bukan lagi UNSW Australia.

Demo penggunaan infoWindow. Di Google tidak diberikan contohnya.