如果屏幕小于一定像素数，如何隐藏“地图类型”选项（“地图”，“卫星” ...）？我的Google Maps API V3代码如下所示：
var mapOptions = {
center: new google.maps.LatLng(initLat, initLong),
zoom: level,
scaleControl: true,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.RIGHT_TOP
},
zoomControl: true,
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_TOP
},
mapTypeId: google.maps.MapTypeId.ROADMAP
}
如您所见，mapTypeControl它设置为truenow，并且如果屏幕宽度小于允许的值，我需要将其设置为false 340px;。也有是mapTypeControlOptions应该被隐藏或东西，如果屏幕较小。
您可以在创建mapOptions变量后立即检查浏览器的宽度，如果小于340像素，则可以像常规javascript对象一样对其进行修改。
var width = window.innerWidth;
if(width < 340){
mapOptions.mapTypeControl = false;
delete mapOptions.mapTypeControlOptions;
}
这里的主要问题是采用浏览器宽度的正确方法。 我会考虑使用 $(window).width() jQuery方法。
编辑：我不建议为此目的使用jQuery了。
查看此答案以获取浏览器宽度。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句