Arsip Kategori: MapServer

p.mapper MS4W untuk Sumbar Riau Sumut

Sila download dari github p.mapper untuk Provinsi Sumatera Utara, Sumatera Barat, dan Riau, langsung dari Github. Buat mahasiswa saya, gunakan source-code ini untuk tugas kelompok Anda.

Iklan

MapServer Tile LabelItem selalu kepotong

Saat kita menggunakan MapServer untuk meng-overlay ubin dari Google, yang sering jadi masalah adalah label-nya yang sering terpotong.

Anda bisa lihat yang terpotong di sini:

labelitem_terpotong

 

Seperti terlihat bahwa ada beberapa nama kecamatan yang terpotong, karena sebenarnya gambar kita adalah sebuah ubin 256×256 pixel masing-masingnya, sehingga label item sering terpotong.

 

Solusi untuk masalah di atas adalah dengan menambahkan dua beris berikut pada berkas MAP kita:

    PARTIALS FALSE
    FORCE FALSE

perintah tersebut di sisipkan di bagian LABEL yang di dalam CLASS, contoh:

      LABEL
        FONT "arial"
        SIZE 8
        OFFSET 0 0
        OUTLINECOLOR 128 255 255
        POSITION CC
        SHADOWCOLOR 128 128 128
        SHADOWSIZE 1 1
        TYPE TRUETYPE
    PARTIALS FALSE
    FORCE FALSE        
        
      END # LABEL

Hasilnya adalah sebagai berikut:

labelitem_tidakterpotong

Perhatikan bahwa label semakin sedikit, namun tidak ada lagi yang terpotong

 

MapServer tile as a layer on top of Google Maps

Couple days ago, I made a tutorial on how to put your MapServer tile on top of your Google Maps JavaScript API. This time, I do a little improvements, just a little bit putting transparency on MapServer’s .map file.

If you want to put transparency on your generated images from MapServer, you only need to put this 1 line on your .map file:

TRANSPARENT ON

Next, we want to put this transparent images as a layer on top of Google Map, as google provided us with an example here:

https://developers.google.com/maps/documentation/javascript/examples/maptype-overlay

Change the contents of this following function:

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

instead of returning div-s, change it into your MapServer tiles:

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

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

voila … now you have your own layer on top of Google Maps layer …