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';
$this->googlemaps->initialize($config);

$marker = array();
$marker['position'] = '37.429, -122.1519';
$marker['infowindow_content'] = '1 - Hello World!';
$marker['icon'] = 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=A|9999FF|000000';
$this->googlemaps->add_marker($marker);

$marker = array();
$marker['position'] = '37.409, -122.1319';
$marker['draggable'] = TRUE;
$marker['animation'] = 'DROP';
$this->googlemaps->add_marker($marker);

$marker = array();
$marker['position'] = '37.449, -122.1419';
$marker['onclick'] = 'alert("You just clicked me!!")';
$this->googlemaps->add_marker($marker);
$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']; ?></body>
</html>

Return to Library Homepage