Membuat WebGIS menggunakan YII (Part1-Menampilkan Peta)

11:15 AM

Iseng-iseng buat catatan pribadi tentang menampilkan peta pada web yang dibangun menggunakan yii, disini saya menggunakan EGMap sebagai extensionnya. .
bisa di dowload langsung di http://www.yiiframework.com/extension/egmap/


EGMap sendiri menggunakan google maps sebagai base mapnya..

1. OK, langkah pertama tentunya kita harus mempunyai project yii terlebih dahulu, saya asumsikan kita sudah bisa semua untuk membuat project baru yii, kalau belum bisa lihat postingan berikut

Saya membuat project yii dengan nama petayii, 

2. Langkah kedua kita copy hasil extract EGMap kita ke protected/extension

3. Pada langkah berikutnya saya menambahkan view baru untuk tampilan peta. Untuk menambahkannya kita buat controller baru, berikut kodenya


Simpan controller baru diatas dengan nama PetaController.php pada folder protected/controllers

4. Buat folder baru pada protected/views dengan nama peta, lalu buat file index.php dengan isi sebagai berikut
5. Supaya mudah kita tambahkan menu baru di home yii kita, tambahkan kode berikut di protected/views/layouts/main.php pada bagian id main menu
array('label'=>'Peta', 'url'=>array('/peta'),'visible'=>Yii::app()->user->isGuest)
Jika sudah selesai kita buka home project yii kita, dan klik menu peta yang barusan kita buat, jika berhasil akan muncul peta seperti ini. .
egmap yii
Peta Menggunakan EGMAP dan YII
Jika sudah dapat langsung menuju ke part 2 untuk membuat peta tematik nya
PART 2-PETA TEMATIK
Semoga Bermanfaat, GBU

Share This Story

Tags: , , ,

Just an Ordinary Techno Learner

You Might Also Like

4 comments

  1. AnonymousAugust 23, 2014 at 7:59 PM

    mas, step 3 4, kodenya g kliatan

    ReplyDelete
  2. m ivan setiadiNovember 13, 2015 at 11:09 AM

    thanks, work!!! patut di coba temen temen.

    ReplyDelete
  3. UnknownJune 25, 2016 at 6:47 PM

    gan gagal ... muncul text
    Oops! Something went wrong.
    This page didn't load Google Maps correctly. See the JavaScript console for technical details.

    ReplyDelete
  4. UnknownJune 17, 2017 at 11:10 AM

    Laman ini tidak memuat Google Maps dengan benar. Lihat konsol JavaScript untuk mengetahui detail teknisnya.
    itu kenapa yah ??

    ReplyDelete