Demos:
Simple Marker | Multiple Markers | Polyline | Polygon | Circle | Rectangle | Ground Overlay | Directions | Clustering Markers
Geolocation | Drawing Manager | Styling The Map | Traffic Overlay | Bicycling Overlay | Panoramio Layer | Street View
KML Layer | Places API Integration | Places Input Autocomplete
Get Co-ordinates At Clicked Position | Add Marker At Clicked Position | Get Co-ordinates Of Dragged Marker
Pass Co-ordinates Back To The Database | Multiple Maps On The Same Page
The Code

Controller File:

$this->load->library('googlemaps');

$config['center'] = '37.4419, -122.1419';
$config['zoom'] = 'auto';
$config['directions'] = TRUE;
$config['directionsStart'] = 'empire state building';
$config['directionsEnd'] = 'statue of liberty';
$config['directionsDivID'] = 'directionsDiv';
$this->googlemaps->initialize($config);
$data['map'] = $this->googlemaps->create_map();

$this->load->view('view_file', $data);

View File:

<html>
<head><?php echo $map['js']; ?></head>
<body>
	<?php echo $map['html']; ?>
	<div id="directionsDiv"></div>
</body>
</html>

Return to Library Homepage