GMaps.js — Custom controls

GMaps.js allows to add custom controls:

map.addControl({
  position: 'top_right',
  text: 'Geolocate',
  style: {
    margin: '5px',
    padding: '1px 6px',
    border: 'solid 1px #717B87',
    background: '#fff'
  },
  events: {
    click: function(){
      console.log(this);
    }
  }
});

Note: You can use the following positions:

• top_center
• top_left
• top_right
• left_top
• right_top
• left_center
• right_center
• left_bottom
• right_bottom
• bottom_center
• bottom_left
• bottom_right

You can learn more of custom controls here.