Buka header.php dan paste kod berikut dalam tag head:

1

<?php wp_enqueue_script("jquery"); ?>

Selamat mencuba!

Download class GoogleMap di sini dan masukkan ke dalam folder vendors. Buka fail ini dan cari line untuk memasukkan Google API Key anda ($api_key)

Kemudian untuk menyenangkan penggunaan map ini nanti, kita akan membuat helper baru yang akan kita namakan map. Jadi buat satu fail baru di dalam folder app/views/helpers dan namakan ia map.php.

Paste code di bawah ke dalam fail map.php.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<?php
class MapHelper extends Helper
{
 
    var $helpers = array('Html');
 
    function displaymap($locations=false,$width=500,$height=500)
    {
        vendor('GoogleMapAPI.class');
        $map = new GoogleMapAPI('map');
        if($locations)
        foreach($locations as $location)
        {
            $map->addMarkerByAddress( $location['address'],strip_tags($location['title']), $location['title']);  //adds address to showup in Map
        }
        else
        {
            $map->setCenterCoords(109.050293,4.850154);   // if no locations are passed in function, then focus on Malaysia
            $map->setZoomLevel(5);
        }
 
        $map->setWidth($width);
        $map->setHeight($height);
        $map_content=$map->getHeaderJS().$map->getMapJS().$map->getMap();
        return $this->output($map_content);
    }
}
?>

Kemudian ini contoh penggunaan. Contoh yang saya berikan ini tidak melibatkan controller dan model. Saya menggunakan helper ini terus di dalam view untuk menjadikan tutorial ini lebih senang difahami.

1
2
3
4
5
6
7
8
9
10
11
12

<?php
// initialization of $my_locations array to show in map - you can do this in your controller.
$my_locations=array();
$my_locations[1]['address']='Kubang Kerian, 16150 Kota Bharu, Kelantan';
$my_locations[1]['title']='Mdpai house';
 
$my_locations[2]['address']='Selangor, Malaysia';
$my_locations[2]['title']='<b>Selangor</b>';
 
echo $map->displaymap($my_locations,500,500); ?>
<script type="text/javascript">onLoad();</script> 
?>

Di bawah adalah contoh yang sama tapi menggunakan view dan controller.

index.ctp

1
2

<?php echo $map->displaymap($my_locations,500,500); ?>
<script type="text/javascript">onLoad();</script>

maps_controller.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<?php
class MapsController extends AppController
{
    var $name = 'Maps';
 
    //not using any database yet
    var $uses = array();
 
    function index(){
        $my_locations=array();
 
        $my_locations[1]['address']='Kubang Kerian, 16150 Kota Bharu, Kelantan';
        $my_locations[1]['title']='Mdpai house';
 
        $my_locations[2]['address']='Selangor, Malaysia';
        $my_locations[2]['title']='<b>Selangor</b>';
 
 
        $this->set('my_locations', $my_locations);
    }
 
}
 
?>

Untuk selanjutnya, sebagai contoh, anda boleh menyimpan maklumat koordinat di dalam pangkalan data dan dengan menggunakan model dan controller, memaparkan koordinat² tersebut di dalam google map tadi.

Selamat mencuba!

1
2
3
4
5

Missing Database Table
 
Error: Database table forms for model Form was not found.
 
Notice: If you want to customize this error message, create app\views\errors\missing_table.ctp

Error di atas akan dipaparkan jika anda membuat satu controller (contoh Forms) tanpa membuat sebarang model untuk controller itu. Ini boleh menjadi masalah jika controller anda itu tidak menggunakan database langsung (contoh jika anda mahu membuat page statik). Penyelesaian untuk masalah ini amat mudah. Hanya tambah kod di bawah di dalam controller anda.

1

var $uses = array();

Ia akan memberitahu cakephp bahawa kita tidak menggunakan apa² table dalam database. Selamat mencuba!

Untuk menukar homepage anda kepada fail view yang berbeza, anda hanya perlu menukar root route anda. Lihat contoh di bawah:

Jika sebagai contoh saya mempunyai controller yang dinamakan Books dan di dalamnya mempunyai satu action senarai() yang saya mahu jadikan sebagai homepage saya, anda hanya perlu mengubah /app/config/routes.php kepada berikut:

1
2
3

<?php
Router::connect('/', array('controller' => 'books', 'action' => 'senarai'));
?>

Tukar books dan senarai mengikut keperluan anda. Selamat mencuba!

Di dalam view, gunakan helper javascript untuk memasukkan kedua² library tadi:

1
2
3
4

<?php
echo $javascript->link('prototype');
echo $javascript->link('scriptaculous'); 
?>

Peringatan : untuk membolehkan anda menggunakan $javascript di dalam view, pastikan anda memasukkan Javascript sebagai helper di dalam fail controller anda: (contoh)

1
2
3
4
5

<?php
class BooksController extends AppController {
    var $helpers = array('Html','Ajax','Javascript');
}
?>

Jika anda mahu melakukan link ini di dalam default.ctp (yang mana ia tiada fail controller yang khusus), anda boleh memasukkan code di atas di dalam fail app_controller.php yang terletak di /app/

Selamat mencuba!

Langkah² terperinci diterangkan di bawah:

Dapatkan versi cakePHP terbaru di laman web rasmi cakePHP. Unzip folder zip yang anda download tadi dan copy ke dalam folder www anda. Rename folder tersebut mengikut kesukaan anda, untuk tutorial ini, saya namakan ia sebagai cake.

Buka http://localhost/cake/ dan anda sepatutnya mendapat output seperti di bawah:

Apa yang menarik mengenai cakePHP ialah ia memberitahu anda apa yang patut/perlu anda lakukan jika terdapat apa² kesilapan konfigurasi pada aplikasi anda. Jika kita lihat pada paparan di atas, cakephp memberitahu kita bahawa:
1) Kita perlu menukar nilai Security.salt di app/config/core.php
2) Kita perlu menetapkan konfigurasi pangkalan data (database) di config/database.php

Jadi secara asasnya, kita hanya perlu membuka fail yang diberitahu dan menukar/menambah apa yang perlu supaya aplikasi kita dapat berfungsi.
Untuk point 1 sila rujuk post ini.
Untuk point 2 sila rujuk post ini.

Jika anda refresh browser anda, sepatutnya semua kotak kuning tadi bertukar menjadi hijau yang menandakan cakePHP anda sudah siap dikonfigurasi! Pada tutorial akan datang, kita akan mula membina aplikasi dengan cakePHP.
Selamat mencuba!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

function print_r(theObj){
  if(theObj.constructor == Array ||
     theObj.constructor == Object){
    document.write("<ul>")
    for(var p in theObj){
      if(theObj[p].constructor == Array||
         theObj[p].constructor == Object){
document.write("<li>["+p+"] => "+typeof(theObj)+"</li>");
        document.write("<ul>")
        print_r(theObj[p]);
        document.write("</ul>")
      } else {
document.write("<li>["+p+"] => "+theObj[p]+"</li>");
      }
    }
    document.write("</ul>")
  }
}

Selamat mencuba.

Jadi salah satu cara mudah untuk mengatasi masalah ini adalah menukar jangka masa 5 saat tersebut dengan satu angka yang lebih lama, contohnya 30 saat. Buka wp_include/http.php pada line 223 (atau sekitar line ini):

1

'timeout' => apply_filters( 'http_request_timeout', 5),

Tukar sahaja 5 kepada 30 atau angka yang anda suka.

1

'timeout' => apply_filters( 'http_request_timeout', 30),

Selamat mencuba!