Web サイトのメイン マップにカスタム レイヤー (オープン サイクル マップ) を追加しました。カスタムレイヤーは機能していますが、ドロップダウン (mapTypeControlOptions) で TERRAIN がグレー表示され、メインアイテムではなくチェックボックスとして表示されます (添付の画像を参照)。
マップのコードの下:
var mapoptions = {
scrollwheel: scrollzoom,
zoom: zoom,
mapTypeControl: true,
mapTypeControlOptions: {
mapTypeIds: ['ocm', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.TERRAIN,],style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.DEFAULT},
streetViewControl: streetview,
mapTypeId: google.maps.MapTypeId.ROADMAP,
sensor: 'false'
}
var map = new google.maps.Map(document.getElementById("advmap_canvas"),mapoptions);
var markerArray = [];
var markerIDArray = [];
var infowindow = new google.maps.InfoWindow();
map.mapTypes.set("ocm", new google.maps.ImageMapType({
getTileUrl: function(coord, zoom) {
return "http://tile.opencyclemap.org/cycle/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
},
tileSize: new google.maps.Size(256, 256),
name: "OpenCycleMap",
maxZoom: 18
}));