3-5.マーカーの重なり順を変更する

MarkerImage クラスのzIndexプロパティを利用すると、マーカーの重なり順を変更することが可能です。 デフォルトの順序では、より最北端に近いマーカーの上により最南端に近いマーカーが順番に配置されます。 zIndex には整数値を指定した場合は、数値が大きいほうが上に表示されます。

function initialize() {
  var lat = 35.675888;
  var lng = 139.744858;
  
  var centerPos = new google.maps.LatLng(lat, lng);
  var mapOptions = {
    zoom : 14,
    center : centerPos,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
  
  //表示位置の調整
  lng -= 0.01;
  
  //何も指定しないで、マーカーを20個追加する
  for (var i = 1; i < 20; i++) {
    var latlng = new google.maps.LatLng(lat, lng + 0.001 * i);
    
    createMarkerDefault(map, latlng);
  }
  
  //表示位置の調整
  lat -= 0.005;
  
  //後から追加したマーカーが、下に表示されるように追加する
  for (var i = 1; i < 20; i++) {
    var latlng = new google.maps.LatLng(lat, lng + 0.001 * i);
    createMarkerOrder(map, latlng, 20 - i);
  }
}

function createMarkerDefault(map, pos) { 
  var marker = new google.maps.Marker({
    position : pos,
    map : map
  });
}

function createMarkerOrder(map, pos, orderNum) { 
  var marker = new google.maps.Marker({
    position : pos,
    map : map,
    zIndex : orderNum,
    title : "zIndex:" + orderNum
  });
}

マーカーの重なり順を変更するコード
3-5_map.html

上段がデフォルトの追加順、下段が重なり順を変更した追加順