README.md

💚 This is the latest document.

map.setPadding()

Set map paddings. The same as the padding property of CSS.

<div class="map" id="map_canvas" style="position:relative;">
    <div style="position:absolute;width:50px;height:100%;right:0;background-color:rgba(0,0,0,0.25);"></div>
    <div style="position:absolute;width:10px;height:100%;background-color:rgba(0,0,0,0.25);"></div>
    <div style="position:absolute;width:100%;height:30px;background-color:rgba(0,0,0,0.25);"></div>
    <div style="position:absolute;width:100%;height:20px;bottom:0;background-color:rgba(0,0,0,0.25);"></div>
</div>

var div = document.getElementById("map_canvas")
var map = plugin.google.maps.Map.getMap(div, {
  'controls': {
    'compass': true,
    'myLocationButton': true,
    'indoorPicker': true,
    'zoom': true
  },
  'camera': {
    'target': {
      'lat': 41.796875,
      'lng': 140.757007
    },
    'tilt': 30,
    'zoom': 15,
    'bearing': 50
  }
});

// Usage case #1:
// top = right = bottom = left = 30px
//map.setPadding( 30 );

// Usage case #2:
// top = bottom = 30px
// left = right = 50px
//map.setPadding( 30, 50 );

// Usage case #3:
// top = 30px
// left = right = 50px
// bottom = 20px
//map.setPadding( 30, 50 , 20 );

// Usage case #4:
// top = 30px
// right = 50px
// bottom = 20px
// left = 10px
map.setPadding( 30, 50 , 20 , 10 );