Gmaps

gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code.

1. Required Vendor files
            
                <script src="http://maps.google.com/maps/api/js"></script>
                <script src="gmaps.min.js"></script>
            
        
2. Binding to existing DOM element
            
                <div id="basic-map"></div>
            
        
3. Basic usage may look something like this.
            
                map = new GMaps({
                  div: '#basic-map',
                  lat: 9.0820,
                  lng: 8.6753,
                  zoom: 7
                });
                map.addMarker({
                  lat: 9.0765,
                  lng: 7.3986,
                  title: 'Marker1',
                  draggable: true,
                });
            
        

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Plugin Link http://hpneo.github.io/gmaps/
Github Page https://github.com/hpneo/gmaps
Template Page https://pixinvent.com/demo/frest-clean-bootstrap-admin-dashboard-template/html/ltr/vertical-menu-template/maps-google.html