Googleマップのハイキングコースレイヤーをオフにすることができません

Question

Googleマップをオフにしようとしていますハイキングコースはカスタムスタイルマップですが、まだマップに表示されています。

ご覧のとおり、私はほとんどすべてのレイヤーをオフにしていましたが、ハイキングレイヤーはまだそこにあります。

削除方法を教えていただけますか？

[ 
    { 
    "featureType": "administrative", 
    "stylers": [ 
     { "visibility": "off" } 
    ] 
    },{ 
    "featureType": "landscape", 
    "stylers": [ 
     { "visibility": "off" } 
    ] 
    },{ 
    "featureType": "poi", 
    "stylers": [ 
     { "visibility": "off" } 
    ] 
    },{ 
    "featureType": "road", 
    "stylers": [ 
     { "visibility": "off" } 
    ] 
    },{ 
    "featureType": "transit", 
    "stylers": [ 
     { "visibility": "off" } 
    ] 
    },{ 
    "featureType": "water", 
    "stylers": [ 
     { "visibility": "off" } 
    ] 
    } 
] 

demo (jsfiddle from comments)

コードスニペット：

var map; 
 
$(document).ready(function() { 
 
    var latlng = new google.maps.LatLng(49.395505, -123.203317); 
 
    var myOptions = { 
 
    zoom: 14, 
 
    center: latlng, 
 
    disableDefaultUI: true, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 

 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 
    map.set('styles', [{ 
 
    "featureType": "administrative", 
 
    "stylers": [{ 
 
     "visibility": "off" 
 
    }] 
 
    }, { 
 
    "featureType": "landscape", 
 
    "stylers": [{ 
 
     "visibility": "off" 
 
    }] 
 
    }, { 
 
    "featureType": "poi", 
 
    "stylers": [{ 
 
     "visibility": "off" 
 
    }] 
 
    }, { 
 
    "featureType": "road", 
 
    "stylers": [{ 
 
     "visibility": "off" 
 
    }] 
 
    }, { 
 
    "featureType": "transit", 
 
    "stylers": [{ 
 
     "visibility": "off" 
 
    }] 
 
    }, { 
 
    "featureType": "water", 
 
    "stylers": [{ 
 
     "visibility": "off" 
 
    }] 
 
    }]); 
 

 
});

@import url('http://getbootstrap.com/dist/css/bootstrap.css'); 
 
body { 
 
    padding-top: 25px; 
 
} 
 
#map_canvas { 
 
    width: 100%; 
 
    height: 400px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script> 
 
<script src="http://maps.google.com/maps/api/js"></script> 
 
<div class="container"> 
 
    <div class="well"> 
 
    <div id="map_canvas"></div> 
 
    </div> 
 
</div>

Answer 1

それらを削除するには、 （問題追跡に関連する問題から：Feature request: Add Feature Type for Ski Runs）

[ 
    { 
    "stylers": [ 
     { "visibility": "off" } 
    ] 
    },{ 
    "featureType": "landscape", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "administrative", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "poi", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "road", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "transit", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    },{ 
    "featureType": "water", 
    "stylers": [ 
     { "visibility": "on" } 
    ] 
    } 
] 

：周りのこの提案作品を使用

proof of concept fiddle

コードスニペット：

var map; 
 
$(document).ready(function() { 
 
    var latlng = new google.maps.LatLng(49.395505, -123.203317); 
 
    var myOptions = { 
 
    zoom: 14, 
 
    center: latlng, 
 
    disableDefaultUI: true, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 

 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 
    map.set('styles', [ 
 
    { 
 
    "stylers": [ 
 
     { "visibility": "off" } 
 
    ] 
 
    },{ 
 
    "featureType": "landscape", 
 
    "stylers": [ 
 
     { "visibility": "on" } 
 
    ] 
 
    },{ 
 
    "featureType": "administrative", 
 
    "stylers": [ 
 
     { "visibility": "on" } 
 
    ] 
 
    },{ 
 
    "featureType": "poi", 
 
    "stylers": [ 
 
     { "visibility": "on" } 
 
    ] 
 
    },{ 
 
    "featureType": "road", 
 
    "stylers": [ 
 
     { "visibility": "on" } 
 
    ] 
 
    },{ 
 
    "featureType": "transit", 
 
    "stylers": [ 
 
     { "visibility": "on" } 
 
    ] 
 
    },{ 
 
    "featureType": "water", 
 
    "stylers": [ 
 
     { "visibility": "on" } 
 
    ] 
 
    } 
 
]); 
 

 
});

@import url('http://getbootstrap.com/dist/css/bootstrap.css'); 
 
body { 
 
    padding-top: 25px; 
 
} 
 
html, 
 
body, 
 
.container, 
 
.well, 
 
#map_canvas { 
 
    width: 100%; 
 
    height: 100%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script> 
 
<script src="http://maps.google.com/maps/api/js?sensor=false&dummy=.js"></script> 
 
<div class="container"> 
 
    <div class="well"> 
 
    <div id="map_canvas"></div> 
 
    </div> 
 
</div>