Purnima Progressive

Google Maps API



These demos Show a styled google maps generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo uses javascript style arrays to style elegant customized google maps
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows google map with multiple markers generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo uses customized markers to create elegant customized google maps
  • This demo displays multiple markers of differnt types and with a variety of animations on a google map
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows google map with polylines & Polygons generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays polylines & Polygons on a google map
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows google map with Circle & Rectangle shapes generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays Circle & Rectangle shapes on a google map
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

his demo Shows a KML Layer displaying geographic information on a google map generated using Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays KML layer integration with a google map
  • Keyhole Markup Language (KML) is an XML notation for expressing geographic annotation and visualization within Internet-based, two-dimensional maps and three-dimensional Earth browsers
  • This Demo uses multiple APIs
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Flickr API
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows google map Street View generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays street view on a google map
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows a Ground Overlay on a google map generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays ground overlay on a google map
  • This demo overlays a google map with a historical map of LA
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows a Traffic Overlay on a google map generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays traffic overlay on a google map
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows a Bicycling Overlay on a google map generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays bicycling overlay on a google map
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows cluster markers on a google map generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays cluster markers on a google map
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows the calculation of straight line distance between two points on a google map generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo will calculate the straight line distance between two points on the google map
  • This demo calculates the distance in both kilometers and miles
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL

This demo Shows geofencing on a google map generated using the Google Maps API


  • Google Maps API lets you customize maps, and the information on maps
  • This demo displays geofencing on a google map
  • This demo is fully responsive
  • Created Using:
    • PHP 5.4+
    • Codeigniter 3.1.x
    • Javascript/JQuery
    • Google Maps API V3
    • Twitter Bootstrap 3
    • CSS3
    • MySQL
Purnima Progressive - Demo - Google Maps API