モバイル デバイス用のマップを設定しており、ズーム スライダーを利用したいと考えています。
g.map = new google.maps.Map(
document.getElementById("mapcanvas"),
{
disableDoubleClickZoom : false,
disableDefaultUI : true,
scaleControl : true,
panControl : false,
navigationControl : true,
mapTypeControl : false,
zoomControlOptions : {
position : google.maps.ControlPosition.RIGHT_BOTTOM,
style : google.maps.ZoomControlStyle.LARGE
},
mapTypeControlOptions: {
mapTypeIds : [
google.maps.MapTypeId.ROADMAP,
google.maps.MapTypeId.HYBRID
],
style : google.maps.MapTypeControlStyle.HORIZONTAL_BAR
},
zoom : 16,
center : new google.maps.LatLng('37.8477', '-122.2627'),
mapTypeId : google.maps.MapTypeId.ROADMAP
}
デスクトップでこれを見ると、コントロールはスライダーですが、モバイル デバイスでは小さな + と - ボタンが表示され、スライダーは表示されません。
これはバグですか?スライダーを強制的にズームするにはどうすればよいですか?