<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tutorial Melayu &#187; cakephp dan google map</title>
	<atom:link href="http://www.tutorialmelayu.com/tag/cakephp-dan-google-map/feed" rel="self" type="application/rss+xml" />
	<link>http://www.tutorialmelayu.com</link>
	<description></description>
	<lastBuildDate>Sun, 06 Nov 2011 12:38:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Google Map dan CakePHP</title>
		<link>http://www.tutorialmelayu.com/cakephp/cakephp-1-2/google-map-dan-cakephp</link>
		<comments>http://www.tutorialmelayu.com/cakephp/cakephp-1-2/google-map-dan-cakephp#comments</comments>
		<pubDate>Sun, 29 Nov 2009 20:09:18 +0000</pubDate>
		<dc:creator>mdpai</dc:creator>
				<category><![CDATA[Cakephp 1.2]]></category>
		<category><![CDATA[cakephp dan google map]]></category>
		<category><![CDATA[cakephp google map helper]]></category>
		<category><![CDATA[google map]]></category>
		<category><![CDATA[masukkan google map dalam web]]></category>

		<guid isPermaLink="false">http://www.tutorialmelayu.com/?p=243</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<p>Rujukan <a href="http://bakery.cakephp.org/articles/view/google-map-helper">http://bakery.cakephp.org/articles/view/google-map-helper</a> artikel oleh Abhimanyu Grover.</p>
<p>Download class GoogleMap <a href="http://www.phpinsider.com/php/code/GoogleMapAPI/">di sini</a> dan masukkan ke dalam folder <strong>vendors</strong>. Buka fail ini dan cari line untuk memasukkan Google API Key anda ($api_key)</p>
<p><span id="more-243"></span></p>
<p>Kemudian untuk menyenangkan penggunaan map ini nanti, kita akan membuat helper baru yang akan kita namakan <em>map</em>. Jadi buat satu fail baru di dalam folder app/views/helpers dan namakan ia map.php.</p>
<p>Paste code di bawah ke dalam fail map.php.</p>

<div class="wp_codebox"><table><tr id="p2435"><td class="code" id="p243code5"><pre class="php" style="font-family:monospace;"><span style="color: #dfc484; font-weight: bold;">&lt;?php</span>
<span style="color: #dfc484; font-weight: bold;">class</span> MapHelper <span style="color: #dfc484; font-weight: bold;">extends</span> Helper
<span style="color: #eeeeee;">&#123;</span>
&nbsp;
    <span style="color: #dfc484; font-weight: bold;">var</span> <span style="color: #dfc484;">$helpers</span> <span style="color: #eeeeee;">=</span> <span style="color: #dfc484;">array</span><span style="color: #eeeeee;">&#40;</span><span style="color: #ff8400;">'Html'</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
&nbsp;
    <span style="color: #dfc484; font-weight: bold;">function</span> displaymap<span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$locations</span><span style="color: #eeeeee;">=</span><span style="color: #dfc484; font-weight: bold;">false</span><span style="color: #eeeeee;">,</span><span style="color: #dfc484;">$width</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">500</span><span style="color: #eeeeee;">,</span><span style="color: #dfc484;">$height</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">500</span><span style="color: #eeeeee;">&#41;</span>
    <span style="color: #eeeeee;">&#123;</span>
        vendor<span style="color: #eeeeee;">&#40;</span><span style="color: #ff8400;">'GoogleMapAPI.class'</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
        <span style="color: #dfc484;">$map</span> <span style="color: #eeeeee;">=</span> <span style="color: #dfc484; font-weight: bold;">new</span> GoogleMapAPI<span style="color: #eeeeee;">&#40;</span><span style="color: #ff8400;">'map'</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
        <span style="color: #e8ed97;">if</span><span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$locations</span><span style="color: #eeeeee;">&#41;</span>
        <span style="color: #e8ed97;">foreach</span><span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$locations</span> <span style="color: #e8ed97;">as</span> <span style="color: #dfc484;">$location</span><span style="color: #eeeeee;">&#41;</span>
        <span style="color: #eeeeee;">&#123;</span>
            <span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">addMarkerByAddress</span><span style="color: #eeeeee;">&#40;</span> <span style="color: #dfc484;">$location</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'address'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">,</span><span style="color: #dfc484;">strip_tags</span><span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$location</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'title'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">,</span> <span style="color: #dfc484;">$location</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'title'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>  <span style="color: #666666; font-style: italic;">//adds address to showup in Map</span>
        <span style="color: #eeeeee;">&#125;</span>
        <span style="color: #e8ed97;">else</span>
        <span style="color: #eeeeee;">&#123;</span>
            <span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">setCenterCoords</span><span style="color: #eeeeee;">&#40;</span><span style="color:#ff8400;">109.050293</span><span style="color: #eeeeee;">,</span><span style="color:#ff8400;">4.850154</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>   <span style="color: #666666; font-style: italic;">// if no locations are passed in function, then focus on Malaysia</span>
            <span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">setZoomLevel</span><span style="color: #eeeeee;">&#40;</span><span style="color: #ff8400;">5</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
        <span style="color: #eeeeee;">&#125;</span>
&nbsp;
        <span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">setWidth</span><span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$width</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
        <span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">setHeight</span><span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$height</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
        <span style="color: #dfc484;">$map_content</span><span style="color: #eeeeee;">=</span><span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">getHeaderJS</span><span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">.</span><span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">getMapJS</span><span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">.</span><span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">getMap</span><span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
        <span style="color: #e8ed97;">return</span> <span style="color: #dfc484;">$this</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">output</span><span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$map_content</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
    <span style="color: #eeeeee;">&#125;</span>
<span style="color: #eeeeee;">&#125;</span>
<span style="color: #eeeeee; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>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.</p>

<div class="wp_codebox"><table><tr id="p2436"><td class="code" id="p243code6"><pre class="php" style="font-family:monospace;"><span style="color: #dfc484; font-weight: bold;">&lt;?php</span>
<span style="color: #666666; font-style: italic;">// initialization of $my_locations array to show in map - you can do this in your controller.</span>
<span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">=</span><span style="color: #dfc484;">array</span><span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
<span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">1</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'address'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">'Kubang Kerian, 16150 Kota Bharu, Kelantan'</span><span style="color: #eeeeee;">;</span>
<span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">1</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'title'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">'Mdpai house'</span><span style="color: #eeeeee;">;</span>
&nbsp;
<span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">2</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'address'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">'Selangor, Malaysia'</span><span style="color: #eeeeee;">;</span>
<span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">2</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'title'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">'&lt;b&gt;Selangor&lt;/b&gt;'</span><span style="color: #eeeeee;">;</span>
&nbsp;
<span style="color: #e8ed97;">echo</span> <span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">displaymap</span><span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">,</span><span style="color: #ff8400;">500</span><span style="color: #eeeeee;">,</span><span style="color: #ff8400;">500</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span> <span style="color: #eeeeee; font-weight: bold;">?&gt;</span>
<span style="color: #eeeeee;">&lt;</span>script type<span style="color: #eeeeee;">=</span><span style="color: #ff8400;">&quot;text/javascript&quot;</span><span style="color: #eeeeee;">&gt;</span>onLoad<span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;&lt;/</span>script<span style="color: #eeeeee;">&gt;</span> 
<span style="color: #eeeeee; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Di bawah adalah contoh yang sama tapi menggunakan view dan controller.</p>
<p>index.ctp</p>

<div class="wp_codebox"><table><tr id="p2437"><td class="code" id="p243code7"><pre class="php" style="font-family:monospace;"><span style="color: #dfc484; font-weight: bold;">&lt;?php</span> <span style="color: #e8ed97;">echo</span> <span style="color: #dfc484;">$map</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">displaymap</span><span style="color: #eeeeee;">&#40;</span><span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">,</span><span style="color: #ff8400;">500</span><span style="color: #eeeeee;">,</span><span style="color: #ff8400;">500</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span> <span style="color: #eeeeee; font-weight: bold;">?&gt;</span>
<span style="color: #eeeeee;">&lt;</span>script type<span style="color: #eeeeee;">=</span><span style="color: #ff8400;">&quot;text/javascript&quot;</span><span style="color: #eeeeee;">&gt;</span>onLoad<span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;&lt;/</span>script<span style="color: #eeeeee;">&gt;</span></pre></td></tr></table></div>

<p>maps_controller.php</p>

<div class="wp_codebox"><table><tr id="p2438"><td class="code" id="p243code8"><pre class="php" style="font-family:monospace;"><span style="color: #dfc484; font-weight: bold;">&lt;?php</span>
<span style="color: #dfc484; font-weight: bold;">class</span> MapsController <span style="color: #dfc484; font-weight: bold;">extends</span> AppController
<span style="color: #eeeeee;">&#123;</span>
    <span style="color: #dfc484; font-weight: bold;">var</span> <span style="color: #dfc484;">$name</span> <span style="color: #eeeeee;">=</span> <span style="color: #ff8400;">'Maps'</span><span style="color: #eeeeee;">;</span>
&nbsp;
    <span style="color: #666666; font-style: italic;">//not using any database yet</span>
    <span style="color: #dfc484; font-weight: bold;">var</span> <span style="color: #dfc484;">$uses</span> <span style="color: #eeeeee;">=</span> <span style="color: #dfc484;">array</span><span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
&nbsp;
    <span style="color: #dfc484; font-weight: bold;">function</span> index<span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">&#123;</span>
        <span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">=</span><span style="color: #dfc484;">array</span><span style="color: #eeeeee;">&#40;</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
&nbsp;
        <span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">1</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'address'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">'Kubang Kerian, 16150 Kota Bharu, Kelantan'</span><span style="color: #eeeeee;">;</span>
        <span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">1</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'title'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">'Mdpai house'</span><span style="color: #eeeeee;">;</span>
&nbsp;
        <span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">2</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'address'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">'Selangor, Malaysia'</span><span style="color: #eeeeee;">;</span>
        <span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">2</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">&#91;</span><span style="color: #ff8400;">'title'</span><span style="color: #eeeeee;">&#93;</span><span style="color: #eeeeee;">=</span><span style="color: #ff8400;">'&lt;b&gt;Selangor&lt;/b&gt;'</span><span style="color: #eeeeee;">;</span>
&nbsp;
&nbsp;
        <span style="color: #dfc484;">$this</span><span style="color: #eeeeee;">-&gt;</span><span style="color: #dfc484;">set</span><span style="color: #eeeeee;">&#40;</span><span style="color: #ff8400;">'my_locations'</span><span style="color: #eeeeee;">,</span> <span style="color: #dfc484;">$my_locations</span><span style="color: #eeeeee;">&#41;</span><span style="color: #eeeeee;">;</span>
    <span style="color: #eeeeee;">&#125;</span>
&nbsp;
<span style="color: #eeeeee;">&#125;</span>
&nbsp;
<span style="color: #eeeeee; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>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.</p>
<p>Selamat mencuba!</p>
<p><a href="http://www.tutorialmelayu.com/wp-content/uploads/2009/11/peta_resize.jpg"><img src="http://www.tutorialmelayu.com/wp-content/uploads/2009/11/peta_resize.jpg" alt="peta_resize" title="peta_resize" width="330" height="334" class="aligncenter size-full wp-image-247" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutorialmelayu.com/cakephp/cakephp-1-2/google-map-dan-cakephp/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

