README.md

⚠️ 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

groundOverlay.setZIndex()

Change the order in which this ground overlay is drawn with respect to other overlays (including Circles, TileOverlays, Polylines, and Polygons but not Markers).

groundOverlay.setZIndex(index);

Parameters

name	type	description
index	number	z-index (default: 0)

---

Demo code

<div id="map_canvas"></div>

var regions = [
  {
    "bounds": [
      {"lat": 41.144877, "lng": 138.066162},
      {"lat": 45.738532, "lng": 147.092896}
    ],
    "url": "../images/hokkaido-hokkaido-1001_1.png"
  },
  {
    "bounds": [
      {"lat": 43.252673, "lng": 144.749877},
      {"lat": 45.698391, "lng": 149.554238}
    ],
    "url": "../images/hokkaido-hoppou-1001_1.png"
  },
  {
    "bounds": [
      {"lat": 41.640700, "lng": 142.146678},
      {"lat": 40.113827, "lng": 139.386590}
    ],
    "url": "../images/aomori-aomori-2.png"
  }
];

var mapDiv = document.getElementById("map_canvas");
var map = plugin.google.maps.Map.getMap(mapDiv);

var latLngBounds = new plugin.google.maps.LatLngBounds();

var groundOverlays = regions.map(function(region, idx) {
  latLngBounds.extend(region.bounds[0]);
  latLngBounds.extend(region.bounds[1]);

  // Add ground overlay
  var groundOverlay = map.addGroundOverlay({
    'url': region.url,
    'bounds': region.bounds,
    'opacity': 0.5,
    'zIndex': idx,
    'clickable': true
  });
  groundOverlay.on(plugin.google.maps.event.GROUND_OVERLAY_CLICK, onClick);
  return groundOverlay;
});

// Move camera to contains all ground overlays
map.moveCamera({
  target: latLngBounds
});

function onClick() {
  var clickedOverlay = this;

  groundOverlays.forEach(function(groundOverlay, idx) {
    if (clickedOverlay.getHashCode() === groundOverlay.getHashCode()) {
      groundOverlay.setZIndex(1);
      groundOverlay.setOpacity(1);
    } else {
      groundOverlay.setZIndex(0);
      groundOverlay.setOpacity(0.5);
    }
  });
}