Javascript 谷歌地图：从地图视图更改为卫星视图

我有一个带有javascript的谷歌地图，我想在100%放大后，（完全放大）将模式地图从地图视图更改为卫星视图，在下面的javascript代码中是如何实现的

演示：

//加载谷歌地图//////////////////////////////////////////////////////////////////////////////////
$（函数（）{
var latitude=$（'input[name=“latitude”]）.val（）；
var longitude=$（'input[name=“longitude”]”）。val（）；
var lat=（纬度？纬度：38.341656192795924），
液化天然气=（经度-经度：-122.68604278564453），
latlng=新的google.maps.latlng（lat，lng），
图像处理http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png';
//动物控制：正确；
//ZoomControl选项：google.maps.ZoomControl样式.LARGE；
变量映射选项={
中心：新google.maps.LatLng（lat，lng），
变焦：（纬度？16:7），
泛控制：错误，
动物控制：对，
ZoomControl选项：{
样式：google.maps.ZoomControlStyle.LARGE
},
mapTypeControl:false，
街景控制：错误，
overviewMapControl:true，
旋转控制：错误，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map_canvas'），mapOptions）；
var marker=new google.maps.marker({
位置：latlng，
地图：地图，
图标：图像，
真的，
动画：google.maps.animation.DROP
});
var input=document.getElementById（'searchTextField'）；
var autocomplete=new google.maps.places.autocomplete（输入{
类型：[“地理编码”]
});
autocomplete.bindTo（'bounds'，map）；
var infowindow=new google.maps.infowindow（）；
google.maps.event.addListener（自动完成，'place\u changed'，函数（事件）{
infowindow.close（）；
var place=autocomplete.getPlace（）；
if（place.geometry.viewport）{
map.fitBounds（place.geometry.viewport）；
}否则{
地图。设置中心（地点。几何。位置）；
map.setZoom（17）；
}
moveMarker（place.name、place.geometry.location）；
$（'.MapLat'）.val（place.geometry.location.lat（））；
$（'.MapLon'）.val（place.geometry.location.lng（））；
});
google.maps.event.addListener（标记'dragend'，函数（事件）{
$（'.MapLat'）.val（event.latLng.lat（））；
$（'.MapLon'）.val（event.latLng.lng（））；
$（“#searchTextField”）.val（“”）；
});
google.maps.event.addListener（映射，'click'，函数（事件）{
$（'.MapLat'）.val（event.latLng.lat（））；
$（'.MapLon'）.val（event.latLng.lng（））；
infowindow.close（）；
var geocoder=new google.maps.geocoder（）；
地理编码({
“latLng”：event.latLng
}，功能（结果、状态）{
控制台日志（结果、状态）；
if（status==google.maps.GeocoderStatus.OK）{
控制台日志（结果）；
var lat=results[0]。geometry.location.lat（），
lng=结果[0]。几何体。位置。lng（），
placeName=results[0]。地址\u组件[0]。长\u名称，
latlng=新的google.maps.latlng（lat，lng）；
移动标记（地名、latlng）；
$（“#searchTextField”）.val（结果[0]。格式化的_地址）；
}
});
});
功能移动标记（地名、latlng）{
marker.setIcon（图像）；
标记器设置位置（板条）；
infowindow.setContent（placeName）；
//panTo（新的google.maps.LatLng（lat，lng））；
//信息窗口。打开（地图、标记）；
}
});
如果当前缩放级别大于或等于MapType的最大缩放级别，请将MapType更改为卫星：

google.maps.event.addListener(map, 'zoom_changed', function () {
    var maptype = map.getMapTypeId();
    if (map.getZoom() >= map.mapTypes[maptype].maxZoom) {
        if (map.getMapTypeId() != google.maps.MapTypeId.HYBRID) {
            map.setMapTypeId(google.maps.MapTypeId.HYBRID)
            map.setTilt(0); // disable 45 degree imagery
        }
    }
});;


代码片段：


//加载谷歌地图//////////////////
$（函数（）{
var latitude=$（'input[name=“latitude”]）.val（）；
var longitude=$（'input[name=“longitude”]”）。val（）；
var lat=（纬度？纬度：38.341656192795924），
液化天然气=（经度-经度：-122.68604278564453），
latlng=新的google.maps.latlng（lat，lng），
图像处理http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png';
变量映射选项={
中心：新google.maps.LatLng（lat，lng），
变焦：（纬度？16:7），
泛控制：错误，
动物控制：对，
ZoomControl选项：{
样式：google.maps.ZoomControlStyle.LARGE
},
街景控制：错误，
overviewMapControl:true，
旋转控制：错误，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map_canvas'），mapOptions）；
var marker=new google.maps.marker({
位置：latlng，
地图：地图，
图标：图像，
真的，
动画：google.maps.animation.DROP
});
google.maps.event.addListener（标记，'click'，函数（evt）{
map.setZoom（20）；
});
google.maps.event.addListener（映射'zoom_changed'，函数（）{
var maptypes=map.maptypes；
var maptype=map.getMapTypeId（）；
document.getElementById（'info'）.innerHTML=“[”+maptype+“]zoom:“+map.getZoom（）”；
if（map.getZoom（）>=map.mapTypes[maptype].maxZoom）{
if（map.getMapTy）