Skip to content

Latest commit

 

History

History
33 lines (25 loc) · 799 Bytes

File metadata and controls

33 lines (25 loc) · 799 Bytes

map.setDiv()

After creating a map, you can change the map div using map.setDiv().

If you specify a new div, the map moves to the div. If you specify null, the map is disappear (but the map is not destroyed yet).

The below code can attach / detach the map when you click the button on the map.

<div class="map" id="map_canvas">
    <span class="smallPanel"><button>Click here</button></span>
</div>
var div = document.getElementById("map_canvas");
var map = plugin.google.maps.Map.getMap(div);
map.one(plugin.google.maps.event.MAP_READY, function() {

  var button = div.getElementsByTagName('button')[0];
  button.addEventListener('click', function() {
    if (map.getDiv()) {
      map.setDiv();
    } else {
      map.setDiv(div);
    }
  });

});