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. Initialize the plugin by referencing the necessary files:
                    
                        <script src="http://maps.google.com/maps/api/js"></script>
                        <script src="gmaps.min.js"></script>
                    
                
2. Define container.
                    
                        <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/vuexy-html-bootstrap-admin-template/html/ltr/vertical-menu-template/maps-google.html