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);

$groundOverlay = array();
$groundOverlay['image'] = 'http://maps.google.com/intl/en_ALL/images/logos/maps_logo.gif';
$groundOverlay['positionSW'] = '40.712216,-74.22655';
$groundOverlay['positionNE'] = '40.773941,-74.12544';
$this->googlemaps->add_ground_overlay($groundOverlay);
$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