:warning: This document is aim for older versions (from 2.3.0 to 2.5.3). Document for new version is https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.6.0/README.md

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.

marker.setDiv(div);

Parameters

name	type	description
div	HTML Element	If null, detach the map view from webview. If a htmlElement, attach the map view to webview.

---

Demo code

<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);

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