Javascript 谷歌地图api中的不兼容更改

我创建了一个javascript程序，根据以下代码在谷歌地图中选择一个矩形：

函数initMap（）{
var latlng=新的google.maps.latlng（43，-89）；
变量设置={
缩放：4，
中心：拉特林，
mapTypeControl:true，
mapTypeControlOptions：{
样式：google.maps.MapTypeControlStyle.DROPDOWN_菜单
},
导航控制：对，
导航控制选项：{
样式：google.maps.NavigationControlStyle.SMALL
},
mapTypeId:google.maps.mapTypeId.SATELLITE
}
var mapElem=$（“#映射画布”）；
map=new google.maps.map（mapElem[0]，设置）；
rect=new google.maps.Rectangle({
地图：地图
});
google.maps.event.addListener（映射'mousedown'，函数（mEvent）{
map.draggable=false；
latlng1=mEvent.latLng；
拖动=真；
pos1=mEvent.pixel；
});
google.maps.event.addListener（映射，'mousemove'，函数（mEvent）{
latlng2=mEvent.latLng；
showRect（）；
});
/*
google.maps.event.addListener（映射，'mouseup'，函数（mEvent）{
map.draggable=true；
拖动=假；
});
*/
google.maps.event.addListener（rect，'mouseup'，函数（数据）{
map.draggable=true；
拖动=假；
var lat1=latlng1.lat（）；
var lat2=latlng2.lat（）；
var minLat=lat1尝试

如果可行，请在问题跟踪器中创建一个引用此问题和您的JSFIDLE的问题跟踪器。
“代码不再有效”不是一个很好的症状描述。@Marcelo:“我创建了一个javascript程序，可以在谷歌地图中选择一个矩形”[…]代码不再工作：因此它将不再选择矩形…如果您没有更改任何内容，它是否仍然与@geocodezip一起工作谢谢！是的，它工作了！因此我现在知道它与新api相关。
function initMap() {
    var latlng = new google.maps.LatLng(43, -89);
    var settings = {
        zoom: 4,
        center: latlng,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        navigationControl: true,
        navigationControlOptions: {
            style: google.maps.NavigationControlStyle.SMALL
        },
        mapTypeId: google.maps.MapTypeId.SATELLITE
    }
    var mapElem = $("#map-canvas");
    map = new google.maps.Map(mapElem[0], settings);
    rect = new google.maps.Rectangle({
                map: map
            });

    google.maps.event.addListener(map, 'mousedown', function(mEvent) {
        map.draggable = false;
        latlng1 = mEvent.latLng;
        dragging = true;
        pos1 = mEvent.pixel;
    });

    google.maps.event.addListener(map, 'mousemove', function(mEvent) {
        latlng2 = mEvent.latLng;
        showRect();
    });
/*
    google.maps.event.addListener(map, 'mouseup', function(mEvent) {
        map.draggable = true;
        dragging = false;
    });
    */
    google.maps.event.addListener(rect, 'mouseup', function(data){
        map.draggable = true;
        dragging = false;

        var lat1 = latlng1.lat();
        var lat2 = latlng2.lat();
        var minLat = lat1<lat2?lat1:lat2;
        var maxLat = lat1<lat2?lat2:lat1;
        var lng1 = latlng1.lng();
        var lng2 = latlng2.lng();
        var minLng = lng1<lng2?lng1:lng2;
        var maxLng = lng1<lng2?lng2:lng1;
        alert('Datbase query for the following bounds:\n\nlat: ' + minLat + ' to ' + maxLat+ '\n\nlng: ' + minLng + ' to ' + maxLng);
    });


}

function showRect() {
    if(dragging){
        if (rect === undefined) {
            rect = new google.maps.Rectangle({
                map: map
            });
        }
        var latLngBounds = new google.maps.LatLngBounds(latlng1, latlng2);
        rect.setBounds(latLngBounds);
    }
}