Membuat maps dengan Google Maps dan CodeIgniter

tirta.web.id/post/codeigniter/membuat-maps-dengan-google-maps-dan-codeigniter

tirta 29/1/2014

Beberapa hari yang lalu, saya mendapat pekerjaan dari kantor untuk membuat maps untuk sebuah tempat. Setelah
mempelajari Google Maps APIv3 dan juga beberapa contoh yang diberikan Google, saya mulai stack dan buntu.
Kebingungan melanda ketika menghadapi javascript yang njelimet tidak karuan.

Karena web yang saya menggunakan CodeIgniter, saya coba iseng-iseng menjelajah GitHub mencari project
Google Maps generator dengan CodeIgniter. Lalu saya ketemu dengan link ini, yang menuju langsung ke
Codeigniter Google Maps Library.

Langsung saja ke tutorialnya ya:

1. Download dari GitHub

2. Extract lalu Copy File application/libraries/Googlemaps.php ke folder application/libraries/
3. Mulai coding

Listing 1 (Controller)

google maps controller

PHP

1/3
 3
4 class Maps extends CI_Controller
5 {
6 public function __construct()
7 {
8 parent::__construct();
9 }
10
11 public function index()
12 {
13 $this->load->library('googlemaps');
14
15 $config['center'] = '37.4419, -122.1419';
16 $config['zoom'] = '13';
17 $this->googlemaps->initialize($config);
18
19 $marker = array();
20 $marker['position'] = '37.429, -122.1519';
21 $marker['infowindow_content'] = '1 - Hello World!';
22 $marker['icon'] = 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=A|9999FF|000000';
23 $this->googlemaps->add_marker($marker);
24
25 $data['map'] = $this->googlemaps->create_map();
26
27 $this->load->view('maps', $data);
28 }
29 }
30

Listing 2 (View)

google maps view

XHTML

3
4 echo $map['js']; ?>
5
6
7 echo $map['html']; ?>
8
9
10

Hasilnya seperti di bawah ini:

2/3
Gampang kan?

Library ini juga tidak hanya bisa membuat map sederhana yang
saya contohkan, tapi juga map yang super lengkap
mencangkup yang ada pada dokumentasi pada Google Maps.
Untuk tutorial lengkapnya liat dibawah ini:

Kepada pembaca yang terhormat, terima kasih sudah

mengirimkan komentar di postingan ini, komentar Anda
sangat saya hargai. Dengan berubahnya regulasi
Google Maps dan tidak didukungnya lagi
library Googlemaps, maka seluruh dukungan pada
untuk komentar akan diserahkan ke
komunitas/pembaca secara sepenuhnya.

Related

Mudahnya Upload Gambar dengan CodeIgniterJanuary 8, 2014In "CodeIgniter"

Dasar CRUD dan Penanganan Form pada CodeIgniterJanuary 12, 2014In "CodeIgniter"

View dan Template Parser Library pada CodeIgniterJuly 2, 2014In "CodeIgniter"

3/3