Arsip Tag: JavaScript

JavaScript file untuk membuat grid RBI

Jika Anda tertarik untuk mempelajari JavaScript membuat batas peta RBI, silahkan download dari Github saya

https://github.com/kampar/rbi_geojson

Di sana ada file app.js yang membutuhkan dahulu script dari LeafletJS dan FileSaver.JS yang dapat dengan mudah Anda download dari Internet.

Jika malas mencoba, Anda dapat mendownload saja file geojson yang sudah saya hasilkan …

Kalau ingin menangis dan bertapa, silahkan lihat kodingan javascript nya di file app.js

hahahaha

JavaScript aneh dalam perhitungan matematika, jadi agak ribet tadi dalam pembulatan … perhatikan bahwa 0100 di JavaScript

Ada yang tahu kenapa 100 dibagi 10 adalah sepuluh dan 0100 dibagi 10 adalah 6.4?

hint: oktal (basis 8)

ada lagi yang aneh dalam Math.round, yang seharusnya menghasilkan bilangan bulat (integer)

tetapi integer hasil Math.round bisa berbeda kalau nanti dibuat ke perhitungan, lain dengan Math.floor (bilangan bulat dibawah bilangan sekarang)

that’s the power of tulisan jawa … hahahaha

Iklan

Leaflet MBTiles

Iván Sánchez Ortega menulis plugin yang keren agar Leaflet dapat menggunakan MBTiles layer. MBTiles adalah sebuah SQLite yang berisi gambar masing-masing ubin. Kekurangannya adalah ukurannya yang besar. Saya coba untuk Pekanbaru lv 1-19 sekitar 1.4 Giga. Source-code dari repo Ivan juga seolah olah besar karena ada berkas .mbtiles demonya yang berukuran 9.4MB.

Sayangnya, sepertinya karena ukuran mbtiles yang besar, tidak mampu diload oleh Firefox saya, berikut pesan kesalahannya.

2017-12-11_17-11-58.jpg

 

https://gitlab.com/IvanSanchez/Leaflet.TileLayer.MBTiles

Create MapServer Tile Image for Google Map API v3

Ever since google updated their Google Map API into version 3 (probably around 2010), output generation sample code in page 463 on MapServer Documentation, Release 6.4.1 were not working anymore, and it had been frustrated me. I love that image tiling approach which will save tons of bandwidth and processing time for my MapServer.

Tonight, I manage to playing around and looking for sample code that google provided here.

If  you’re willing to put your MapServer tiled images (instead of custom divs provided in that sample), the only thing that you need to do is to change this function:

CoordMapType.prototype.getTile = function(coord, zoom, ownerDocument) {

comment or delete everything there (within that function), and change it with your own image provided by your MapServer tiled image:

var url = “http://localhost:81/cgi-bin/mapserv.exe?”;
url += “map=/ms4w/apps/belajar/kampar04/kampar.map&”;
url += “mode=tile&”;
url += “layers=jalan&”;
//url += “layers=layer1 layer2&”;
url += “tilemode=gmap&”;
url += “tile=” + coord.x + ” ” + coord.y + ” “+zoom;

var myMapServerTile = ownerDocument.createElement(‘img’);
myMapServerTile.src= url;
return myMapServerTile;

VOILA … it’s now fully working …

p.s: change http://localhost:81 and the rest of URL into your MapServer’s map file.

basic map types