- Beranda
- Komunitas
- Entertainment
- The Lounge
Codeigniter Ft Google Map
TS
nenisuryaniajah
Codeigniter Ft Google Map
Langkah - Langkah :
1. Agan musti download library gmap dan jsmin
2. Agan copiin tuh library gmap dan jsminnya di system/libraries
3. Agan buat database yang dalemnya ada table geocode_cache
4. Agan buat controller bernama peta.php
isinya kaya gini :
5. Agan buat view dengan nama peta.php didalam folder peta (application/view/peta/peta.php)
isinya kaya gini :
6. sekarang coba agan jalankan, hasilnya seperti ini :
sumber :
1. Agan musti download library gmap dan jsmin
Spoiler for link download:
2. Agan copiin tuh library gmap dan jsminnya di system/libraries
3. Agan buat database yang dalemnya ada table geocode_cache
Spoiler for :
4. Agan buat controller bernama peta.php
isinya kaya gini :
Spoiler for :
<?php
class Peta extends CI_Controller {
public function __construct() {
parent::__construct();
$this->load->library('GMap'
;
}
function index() {
$this->load->library('GMap'; //-> memanggil library gmap
$this->gmap->GoogleMapAPI();
$this->gmap->setMapType('satellite'; //-> hybrid, satellite, terrain, map
$this->gmap->setZoomLevel(18);//zoom level
//alamat yang kita cari
$this->gmap->addMarkerByAddress("nama_lokasi ", "nama_lokasi", "nama_lokasi");
$data['headerjs'] = $this->gmap->getHeaderJS();
$data['headerpeta'] = $this->gmap->getMapJS();
$data['onload'] = $this->gmap->printOnLoad();
$data['peta'] = $this->gmap->printMap();
$data['judul'] = $this->gmap->printSidebar();
show('peta/peta', $data);
}
function search() {
if ($_POST == NULL) {
show('peta/peta', $data);
} else
{
$this->load->library('GMap'; //-> memanggil library gmap
$this->gmap->GoogleMapAPI();
$this->gmap->setMapType('satellite'; //-> hybrid, satellite, terrain, map
$this->gmap->setZoomLevel(18);//zoom level
//alamat yang kita cari
$alamat = $this->input->post('search';
$this->gmap->addMarkerByAddress( "$alamat", "$alamat", "$alamat");
$data['headerjs'] = $this->gmap->getHeaderJS();
$data['headerpeta'] = $this->gmap->getMapJS();
$data['onload'] = $this->gmap->printOnLoad();
$data['peta'] = $this->gmap->printMap();
$data['judul'] = $this->gmap->printSidebar();
show('peta/peta_search', $data);
}
}
}
?>
class Peta extends CI_Controller {
public function __construct() {
parent::__construct();
$this->load->library('GMap'
;}
function index() {
$this->load->library('GMap'
; //-> memanggil library gmap$this->gmap->GoogleMapAPI();
$this->gmap->setMapType('satellite'
; //-> hybrid, satellite, terrain, map$this->gmap->setZoomLevel(18);//zoom level
//alamat yang kita cari
$this->gmap->addMarkerByAddress("nama_lokasi ", "nama_lokasi", "nama_lokasi");
$data['headerjs'] = $this->gmap->getHeaderJS();
$data['headerpeta'] = $this->gmap->getMapJS();
$data['onload'] = $this->gmap->printOnLoad();
$data['peta'] = $this->gmap->printMap();
$data['judul'] = $this->gmap->printSidebar();
show('peta/peta', $data);
}
function search() {
if ($_POST == NULL) {
show('peta/peta', $data);
} else
{
$this->load->library('GMap'
; //-> memanggil library gmap$this->gmap->GoogleMapAPI();
$this->gmap->setMapType('satellite'
; //-> hybrid, satellite, terrain, map$this->gmap->setZoomLevel(18);//zoom level
//alamat yang kita cari
$alamat = $this->input->post('search'
;$this->gmap->addMarkerByAddress( "$alamat", "$alamat", "$alamat");
$data['headerjs'] = $this->gmap->getHeaderJS();
$data['headerpeta'] = $this->gmap->getMapJS();
$data['onload'] = $this->gmap->printOnLoad();
$data['peta'] = $this->gmap->printMap();
$data['judul'] = $this->gmap->printSidebar();
show('peta/peta_search', $data);
}
}
}
?>
5. Agan buat view dengan nama peta.php didalam folder peta (application/view/peta/peta.php)
isinya kaya gini :
Spoiler for :
<html>
<head>
<title>TITLE</title>
<?php echo $headerjs; ?>
<?php echo $headerpeta; ?>
</head>
<body>
<style>
#txt {
padding: 3px;
width: 190px;
}
#button {
padding: 3px;
width: 100px;
}
</style>
<div style='padding:0px;font: 13px/20px normal Helvetica, Arial, sans-serif;text-align:justify ; font-size:16px;margin:10px'><b><?php echo $judul; ?></b></div>
<br />
<br />
<div style='padding:0px;font: 13px/20px normal Helvetica, Arial, sans-serif;text-align:justify ; font-size:12px;margin:10px'>
<form name="peta" action="peta/search" method="post">
Search
<input type="Search" name="search" id="txt" value="<?php echo set_value('search', isset($default['search']) ? $default['search'] : ''; ?>"/>
<input type="submit" name="ok" id="button" value="Search" />
</form>
</div>
<br>
<?php echo $onload; ?>
<?php echo $peta; ?>
</body>
</html>
<head>
<title>TITLE</title>
<?php echo $headerjs; ?>
<?php echo $headerpeta; ?>
</head>
<body>
<style>
#txt {
padding: 3px;
width: 190px;
}
#button {
padding: 3px;
width: 100px;
}
</style>
<div style='padding:0px;font: 13px/20px normal Helvetica, Arial, sans-serif;text-align:justify ; font-size:16px;margin:10px'><b><?php echo $judul; ?></b></div>
<br />
<br />
<div style='padding:0px;font: 13px/20px normal Helvetica, Arial, sans-serif;text-align:justify ; font-size:12px;margin:10px'>
<form name="peta" action="peta/search" method="post">
Search
<input type="Search" name="search" id="txt" value="<?php echo set_value('search', isset($default['search']) ? $default['search'] : ''
; ?>"/><input type="submit" name="ok" id="button" value="Search" />
</form>
</div>
<br>
<?php echo $onload; ?>
<?php echo $peta; ?>
</body>
</html>
6. sekarang coba agan jalankan, hasilnya seperti ini :
Spoiler for :
sumber :
Spoiler for sumber:
0
4.3K
23
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Urutan
Terbaru
Terlama
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Komunitas Pilihan