Google Maps

Gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code. Read the Official Gmaps.js Documentation for a full list of instructions and other options.


Basic Map

A default map style by Google Maps.

new GMaps({
  el: '#map1',
  lat: -12.043333,
  lng: -77.028333
});

Using Marker

A map style with marker.

var mapMarker = new GMaps({
  el: '#map2',
  lat: 37.7810822,
  lng: -122.3871956,
  zoom: 13.91
});

mapMarker.addMarker({
  lat: 37.7810822,
  lng: -122.3871956,
  title: 'Themepixels',
  click: function(e) {
    alert('You clicked in this marker');
  }
});