異なるズームレベルでマップに表示される名前(ラベル)/境界の方法を変更する可能性はありますか?
たとえば、17のズームレベルがあります。ズームレベル10でのみ詳細(国名)の表示を開始したいのですが。
言い換えれば、地図上の詳細レベルはズームレベルとどのように関連しており、どのように調整できるのでしょうか。
異なるズームレベルでマップに表示される名前(ラベル)/境界の方法を変更する可能性はありますか?
たとえば、17のズームレベルがあります。ズームレベル10でのみ詳細(国名)の表示を開始したいのですが。
言い換えれば、地図上の詳細レベルはズームレベルとどのように関連しており、どのように調整できるのでしょうか。
function show_map(lat, lng) {
var labelsOff = [{
featureType: "administrative",
elementType: "labels",
stylers: [{
visibility: "off"
}]
}, {
featureType: "poi",
elementType: "labels",
stylers: [{
visibility: "off"
}]
}, {
featureType: "water",
elementType: "labels",
stylers: [{
visibility: "off"
}]
}, {
featureType: "road",
elementType: "labels",
stylers: [{
visibility: "off"
}]
}];
var labelsOn = [{
featureType: "administrative",
elementType: "labels",
stylers: [{
visibility: "on"
}]
}, {
featureType: "poi",
elementType: "labels",
stylers: [{
visibility: "on"
}]
}, {
featureType: "water",
elementType: "labels",
stylers: [{
visibility: "on"
}]
}, {
featureType: "road",
elementType: "labels",
stylers: [{
visibility: "on"
}]
}];
latlng = new google.maps.LatLng(51.477391, -0.000853);
myOptions = {
zoom: 3,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"), myOptions);
map.setOptions({
styles: labelsOff
});
google.maps.event.addListener(map, 'zoom_changed', function () {
google.maps.event.addListenerOnce(map, 'tilesloaded', function () {
if (map.getZoom() >= 10) {
map.setOptions({
styles: labelsOn
});
} else {
map.setOptions({
styles: labelsOff
});
}
});
});
}
show_map();
それがあなたが探していたものであることを願っています。もちろん、これらの機能タイプを編集して、さまざまなものを非表示にすることができます。
申し訳ありませんが、編集する必要がありました。フィドルを忘れた!