Cara Memasang API Google Maps di CodeIgniter Lengkap dengan Geocoding (Part 2)

Apabila anda baru menemukan laman ini, silahkan kunjungi dahulu

Cara Memasang API Google Maps di CodeIgniter Lengkap dengan Geocoding Part 1 .

Nah, pada artikel sebelumnya kita sudah menyelesaikan bebrapa proses yaitu pemasangan library Google Maps dan geocoder serta konfigurasinya, databse dan juga controllernya. Setelah itu saya akan melanjutkannya ke langkah ke 3 yaitu konfigurasi file model.

3. Membuat Model

Didalam folder Model, ada satu 1 file model yang berisi fungsi model untuk menampilkan data dan menambahkan data ke database. Berikut adalah script file class model yang telah di beri penjelasan.File model ini diberi nama m_gmap.php

<?php
/**
* 
*/
class m_gmap extends CI_Model
{
  function _construct()
    {
        parent:: _construct();
    }
    //fungsi untuk menampilkan semua data
 function tampilan_semua_data()
 {
  //mengambil nilai atau data dari database
        return $this->db->get('tugas6_individumap'); 
 }

 function simpan_data($simpanlokasi) //fungsi simpan data
 {
  //memasukkan ke database
  return $this->db->insert('tugas6_individumap', $simpanlokasi); 
 }
}

?>

4. Membuat File View

Didalam folder view ini terdapat 2 file, dimana file yang pertama diberi nama v_gmap yaitu tampilan awal untuk menampilkan google map, sedangkan yang satunya adalah v_lihatdata yang berfungsi untuk menampilkan data yang sudah tersimpan sebelumnya. Berikut adalah script yang sudah disertai dengan penjelasannya.
view file v_gmap.php

<html>
<head>
 <title></title>
 <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/dt/media/css/jquery.dataTables.min.css">

    <script type= 'text/javascript' src="<?php echo base_url();?>aset/dt/media/js/jquery.js"></script>
    <script type= 'text/javascript' src="<?php echo base_url();?>aset/dt/media/js/jquery.dataTables.min.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/bt/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/bt/css/style.css">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Open+Sans+Condensed:300|Raleway' rel='stylesheet' type='text/css'>

<style type="text/css">
 body {
font-family: 'Raleway', sans-serif;
}

</style>
<script src="<?php echo base_url();?>aset/bt/js/bootstrap.js"></script>
 <?php echo $map['js']; ?>
</head>
<body>
<div class="container">
<div class="jumbotron">
  <h1>TUGAS 6 INDIVIDU</h1>
  <p>Huzaini 130411100105</p>
  <button type="button" class="btn btn-success"><a href="http://[::1]/zenhuzaini/individu_framework6/index.php/c_gmap/lihatdata">Lihat Data</a></button>

</div>
 <?php echo $map['html']; ?>
</div>

</body>
</html>

view file v_lihatdata.php

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/dt/media/css/jquery.dataTables.min.css">

    <script type= 'text/javascript' src="<?php echo base_url();?>aset/dt/media/js/jquery.js"></script>
    <script type= 'text/javascript' src="<?php echo base_url();?>aset/dt/media/js/jquery.dataTables.min.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/bt/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>aset/bt/css/style.css">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Open+Sans+Condensed:300|Raleway' rel='stylesheet' type='text/css'>

<style type="text/css">
 body {
font-family: 'Raleway', sans-serif;
}

</style>
<script src="<?php echo base_url();?>aset/bt/js/bootstrap.js"></script>
 <title></title>
</head>
<body>
<div class="container">
<div class="jumbotron">
  <h1>TUGAS 6 INDIVIDU</h1>
  <p>Huzaini 130411100105</p>
  <?php
   echo $kemapnya;
  ?>
</div>

<table <table class="table table-striped table-advance table-hover" border="1" cellpadding="4" cellspacing="0" >
 <thead>
  <tr>
   <td >Nama Lokasi</td>
   <td>Longitude</td>
   <td>Latitude</td>
   <td>Keterangan</td>

  </tr>
 </thead>
 <tbody>
 <?php
 foreach ($datanya as $key ) {  //mengambil data
 ?>
  <tr>
   <td><?php echo $key->nama_lokasi ?></td>
   <td><?php echo $key->long ?></td>
   <td><?php echo $key->lat ?></td>
   <td><?php echo $key->keterangan ?></td>

  </tr>
 <?php
        }
 ?>
 </tbody>
</table>

</div>
</body>
</html>

Terimakasih sudah berkunjung, jika ada pertanyaan silahkan jangan malu malu untuk berkomentar :)

Author : zenhuzaini

8 komentar

Write komentar

Pulang Pundung

March 31, 2017 at 2:29 AM delete

Pas semuanya telah dicoba, keluar sintax error, url tidak dikenal. Mohon pencerahannya.

Zen Huzaini

April 6, 2017 at 1:00 AM delete

boleh saya tahu errornya mas ?

Unknown

April 20, 2017 at 6:32 PM delete

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

Cara mengatasinya bagaimana ?