Tutorial Melayu » masukkan google map dalam web http://www.tutorialmelayu.com Sat, 04 Sep 2010 06:30:41 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Google Map dan CakePHP http://www.tutorialmelayu.com/web-programming/google-map-dan-cakephp http://www.tutorialmelayu.com/web-programming/google-map-dan-cakephp#comments Sun, 29 Nov 2009 20:09:18 +0000 mdpai http://www.tutorialmelayu.com/?p=243 Rujukan http://bakery.cakephp.org/articles/view/google-map-helper artikel oleh Abhimanyu Grover.

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.

?View Code 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.

?View Code PHP
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

?View Code PHP
1
2

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

maps_controller.php

?View Code 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!

peta_resize

]]> http://www.tutorialmelayu.com/web-programming/google-map-dan-cakephp/feed 2