Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未捕获范围错误:Chrome版本36.0.1985.5 dev-m中的数组长度无效_Javascript_Google Maps_Google Chrome - Fatal编程技术网

Javascript 未捕获范围错误:Chrome版本36.0.1985.5 dev-m中的数组长度无效

Javascript 未捕获范围错误:Chrome版本36.0.1985.5 dev-m中的数组长度无效,javascript,google-maps,google-chrome,Javascript,Google Maps,Google Chrome,我有一个GoogleMapAPI设置,只有GoogleChrome会抛出一个“uncaughtRangeError:无效数组长度”。 以下是相关代码: var map; var phoenix = new google.maps.LatLng(33.551946,-112.109985); var locOne = new google.maps.LatLng(33.541061,-112.293369); var locTwo = new google.maps.LatLng(33.37738

我有一个GoogleMapAPI设置,只有GoogleChrome会抛出一个“uncaughtRangeError:无效数组长度”。

以下是相关代码:

var map;
var phoenix = new google.maps.LatLng(33.551946,-112.109985);
var locOne = new google.maps.LatLng(33.541061,-112.293369);
var locTwo = new google.maps.LatLng(33.37738,-111.833271);
var locThree = new google.maps.LatLng(33.454742,-112.099701);
var locFour =  new google.maps.LatLng(33.673617,-112.020856);

function HomeControl (controlDiv, map){
    // create div to hold the controls
    var controlDiv = document.createElement('div');
    controlDiv.class = 'gmnoprint';
    controlDiv.style.marginTop = '5px';
    controlDiv.index = 1;
    // set CSS for the control border
    var controlUI = document.createElement('div');
    controlUI.id = 'border';
    controlUI.style.backgroundColor = '#fff';
    controlUI.style.cursor = 'pointer';
    controlUI.textAlign = 'center';
    controlUI.title = 'Click to reset the map';
    controlDiv.appendChild(controlUI);
    // set CSS for control interior
    var controlText = document.createElement('div');
    controlText.id = 'reset';
    controlText.style.fontFamily = 'Arial,sans-serif';
    controlText.style.fontSize = '13px';
    controlText.innerHTML = '<b>Reset Map</b>';
    controlUI.appendChild(controlText);


    // create div to hold the controls for the locations
    var controlLocDiv = document.createElement('div');
    controlLocDiv.class = 'gmnoprint';
    controlLocDiv.style.marginTop = '5px';
    controlLocDiv.style.marginRight = '5px';
    controlLocDiv.index = 1;
    // set CSS for the control border
    var controlWestUI = document.createElement('div');
    controlWestUI.id = 'border';
    controlWestUI.style.backgroundColor = '#fff';
    controlWestUI.style.cursor = 'pointer';
    controlWestUI.textAlign = 'center';
    controlWestUI.title = 'Click to set the map to West Valley';
    controlLocDiv.appendChild(controlWestUI);
    // set CSS for control interior
    var controlWestText = document.createElement('div');
    controlWestText.id = 'West';
    controlWestText.style.fontFamily = 'Arial,sans-serif';
    controlWestText.style.fontSize = '13px';
    controlWestText.style.paddingRight = '5px';
    controlWestText.style.paddingLeft = '5px';
    controlWestText.innerHTML = '<div>West Valley</div>';
    controlWestUI.appendChild(controlWestText);

    // set CSS for the control border
    var controlEastUI = document.createElement('div');
    controlEastUI.id = 'border';
    controlEastUI.style.backgroundColor = '#fff';
    controlEastUI.style.cursor = 'pointer';
    controlEastUI.textAlign = 'center';
    controlEastUI.title = 'Click to set the map to East Valley';
    controlLocDiv.appendChild(controlEastUI);
    // set CSS for control interior
    var controlEastText = document.createElement('div');
    controlEastText.id = 'East';
    controlEastText.style.fontFamily = 'Arial,sans-serif';
    controlEastText.style.fontSize = '13px';
    controlEastText.style.paddingRight = '5px';
    controlEastText.style.paddingLeft = '5px';
    controlEastText.innerHTML = '<div>East Valley</div>';
    controlEastUI.appendChild(controlEastText);

    // set CSS for the control border
    var controlDowntownUI = document.createElement('div');
    controlDowntownUI.id = 'border';
    controlDowntownUI.style.backgroundColor = '#fff';
    controlDowntownUI.style.cursor = 'pointer';
    controlDowntownUI.textAlign = 'center';
    controlDowntownUI.title = 'Click to set the map to Downtown Phoenix';
    controlLocDiv.appendChild(controlDowntownUI);
    // set CSS for control interior
    var controlDowntownText = document.createElement('div');
    controlDowntownText.id = 'Downtown';
    controlDowntownText.style.fontFamily = 'Arial,sans-serif';
    controlDowntownText.style.fontSize = '13px';
    controlDowntownText.style.paddingRight = '5px';
    controlDowntownText.style.paddingLeft = '5px';
    controlDowntownText.innerHTML = '<div>Downtown Phoenix</div>';
    controlDowntownUI.appendChild(controlDowntownText);

    // set CSS for the control border
    var controlNorthUI = document.createElement('div');
    controlNorthUI.id = 'border';
    controlNorthUI.style.backgroundColor = '#fff';
    controlNorthUI.style.cursor = 'pointer';
    controlNorthUI.textAlign = 'center';
    controlNorthUI.title = 'Click to set the map to North Phoenix';
    controlLocDiv.appendChild(controlNorthUI);
    // set CSS for control interior
    var controlNorthText = document.createElement('div');
    controlNorthText.id = 'North';
    controlNorthText.style.fontFamily = 'Arial,sans-serif';
    controlNorthText.style.fontSize = '13px';
    controlNorthText.style.paddingRight = '5px';
    controlNorthText.style.paddingLeft = '5px';
    controlNorthText.innerHTML = '<div>North Phoenix</div>';
    controlNorthUI.appendChild(controlNorthText);

    // Setup click event listeners: click to reset map
    google.maps.event.addDomListener(controlUI, 'click', function() {
      map.setCenter(phoenix);
      map.setZoom(10);
    });
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(controlDiv);
    map.controls[google.maps.ControlPosition.RIGHT].push(controlLocDiv);
    //setup click event listeners: click to set position to West Phoenix
    google.maps.event.addDomListener(controlWestUI, 'click', function() {
      map.panTo(locOne);
      map.setZoom(14);
    });
    //setup click event listeners: click to set position to East Phoenix
    google.maps.event.addDomListener(controlEastUI, 'click', function() {
      map.panTo(locTwo);
      map.setZoom(14);
    });
    //setup click event listeners: click to set position to Downtown Phoenix
    google.maps.event.addDomListener(controlDowntownUI, 'click', function() {
      map.panTo(locThree);
      map.setZoom(14);
    });
    //setup click event listeners: click to set position to North Phoenix
    google.maps.event.addDomListener(controlNorthUI, 'click', function() {
      map.panTo(locFour);
      map.setZoom(14);
    });
}

function initialize() {
    var mapDiv = document.getElementById('map_canvas1');
    var myLatLng1 = new google.maps.LatLng(33.523103,-112.042593);
    var map_options1 = {center: myLatLng1,zoom: 10,scrollwheel: false,zoomControl: true,zoomControlOptions: {style: google.maps.ZoomControlStyle.LARGE},mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,position: google.maps.ControlPosition.TOP_RIGHT},mapTypeId: google.maps.MapTypeId.ROADMAP};
    map = new google.maps.Map(mapDiv, map_options1);        
    setMarkers(map, locations);

    //Create DIV to hold control
    //Call the HomeControl() constructor passing
    //in this DIV.
    var homeControlDiv = document.createElement('div');
    var homeControl = new HomeControl(homeControlDiv, map);

    homeControlDiv.index = 1;
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
}
var locations = [['West Valley', 33.541061,-112.293369],['East Valley', 33.37738,-111.833271],['Downtown Phoenix', 33.454742,-112.099701],['North Phoenix', 33.673617,-112.020856]];

function setMarkers(map, locations){
    var icon = {
        url: 'http://www.bpisite.com/ico/bpi2.png',
        size: new google.maps.Size(52, 36),
        origin: myLatLng,
        anchor: myLatLng
    };
    var shadow = {
        url: 'http://www.bpisite.com/ico/bpi2_shadow.png',
        size: new google.maps.Size(72, 36),
        origin: myLatLng,
        anchor: myLatLng
    };
    for (var i in locations) {
        var loc = locations[i];
        var myLatLng = new google.maps.LatLng(loc[1], loc[2]);
        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: icon,
            shadow: shadow,
            title: loc[0],
            zIndex: loc[3]
        });
        marker.setMap(map);
        attachListener(marker, 'marker:'+1);
    }
    function attachListener(marker){
    google.maps.event.addDomListener(marker, 'click', function() {
            window.setTimeout(function() {
            map.panTo(marker.getPosition());
            }, 500);
            window.setTimeout(function() {
            map.setZoom(16);
            }, 1000);
    });
    }
}
google.maps.event.addDomListener(window, 'load', initialize);
var映射;
var phoenix=new google.maps.LatLng(33.551946,-112.109985);
var locOne=newgoogle.maps.LatLng(33.541061,-112.293369);
var locTwo=newgoogle.maps.LatLng(33.37738,-111.833271);
var locThree=new google.maps.LatLng(33.454742,-112.099701);
var locFour=new google.maps.LatLng(33.673617,-112.020856);
功能HomeControl(controlDiv、map){
//创建div以保存控件
var controlDiv=document.createElement('div');
controlDiv.class='gmnoprint';
controlDiv.style.marginTop='5px';
controlDiv.index=1;
//为控件边框设置CSS
var controlUI=document.createElement('div');
controlUI.id=‘border’;
controlUI.style.backgroundColor='#fff';
controlUI.style.cursor='pointer';
controlUI.textAlign='center';
controlUI.title='单击以重置映射';
controlDiv.appendChild(controlUI);
//设置内部控件的CSS
var controlText=document.createElement('div');
controlText.id='reset';
controlText.style.fontFamily='Arial,无衬线';
controlText.style.fontSize='13px';
controlText.innerHTML='Reset Map';
controlUI.appendChild(controlText);
//创建div以保存位置的控件
var controlLocDiv=document.createElement('div');
controlLocDiv.class='gmnoprint';
controlLocDiv.style.marginTop='5px';
controlLocDiv.style.marginRight='5px';
controlLocDiv.index=1;
//为控件边框设置CSS
var controlWestUI=document.createElement('div');
controlWestUI.id='border';
controlWestUI.style.backgroundColor='#fff';
controlWestUI.style.cursor='指针';
controlWestUI.textAlign='center';
controlWestUI.title='单击以将地图设置为West Valley';
ControlOcDiv.appendChild(controlWestUI);
//设置内部控件的CSS
var controlWestText=document.createElement('div');
controlWestText.id='West';
controlWestText.style.fontFamily='Arial,无衬线';
controlWestText.style.fontSize='13px';
controlWestText.style.paddingRight='5px';
controlWestText.style.paddingLeft='5px';
controlWestText.innerHTML='West Valley';
controlWestUI.appendChild(controlWestText);
//为控件边框设置CSS
var controlEastUI=document.createElement('div');
controlEastUI.id='border';
controlEastUI.style.backgroundColor='#fff';
controlEastUI.style.cursor='指针';
controlEastUI.textAlign='center';
controlEastUI.title='单击以将地图设置为东谷';
ControlOcDiv.appendChild(controlEastUI);
//设置内部控件的CSS
var controlEastText=document.createElement('div');
controlEastText.id='East';
controlEastText.style.fontFamily='Arial,无衬线';
controlEastText.style.fontSize='13px';
controlEastText.style.paddingRight='5px';
controlEastText.style.paddingLeft='5px';
controlEastText.innerHTML='East Valley';
controlEastUI.appendChild(controlEastText);
//为控件边框设置CSS
var controlDowntownUI=document.createElement('div');
controlDowntownUI.id='border';
controlDowntownUI.style.backgroundColor='#fff';
controlDowntownUI.style.cursor='pointer';
controlDowntownUI.textAlign='center';
controlDowntownUI.title='单击以将地图设置为凤凰城市中心';
ControlOcDiv.appendChild(controlDowntownUI);
//设置内部控件的CSS
var controlDowntownText=document.createElement('div');
controlDowntownText.id='Downtown';
controlDowntownText.style.fontFamily='Arial,无衬线';
controlDowntownText.style.fontSize='13px';
controlDowntownText.style.paddingRight='5px';
controlDowntownText.style.paddingLeft='5px';
controlDowntownText.innerHTML='Downtown Phoenix';
controlDowntownUI.appendChild(controlDowntownText);
//为控件边框设置CSS
var controlNorthUI=document.createElement('div');
controlNorthUI.id='border';
controlNorthUI.style.backgroundColor='#fff';
controlNorthUI.style.cursor='指针';
controlNorthUI.textAlign='center';
controlNorthUI.title='单击以将地图设置为北凤凰';
ControlOcDiv.appendChild(controlNorthUI);
//设置内部控件的CSS
var controlNorthText=document.createElement('div');
controlNorthText.id='North';
controlNorthText.style.fontFamily='Arial,无衬线';
controlNorthText.style.fontSize='13px';
controlNorthText.style.paddingRight='5px';
controlNorthText.style.paddingLeft='5px';
controlNorthText.innerHTML='North Phoenix';
controlNorthUI.appendChild(controlNorthText);
//设置单击事件侦听器:单击以重置映射
google.maps.event.addDomListener(controlUI,'click',function(){
赛特中心(凤凰城)地图;
map.setZoom(10);
});
map.controls[google.maps.ControlPosition.TOP\u RIGHT].push(controlDiv);
控件[google.maps.ControlPosition.RIGHT].push(ControlOCDiv);
//设置单击事件侦听器:单击将位置设置为West Phoenix
google.maps.event.addDomListener(controlWestUI,'click',function(){
潘托地图(locOne);
map.setZoom(14);
});
//设置单击事件侦听器:单击将位置设置为East Phoenix
google.maps.event.addDomListener(controlEastUI,'click',function(){
潘托地图(第二区);
map.setZoom(14);
});
//设置单击事件侦听器:单击可将位置设置为Phoenix市中心
google.maps.event.addDomListener(controlDowntownUI,'click',function(){
潘托地图(第三区);
map.setZoom(14);
});
//设置单击事件侦听器:单击将位置设置为North Phoenix
google.maps.event.addDomLi
map_canvas1{
  width: 100%;
  height: 80%;
}
map_canvas1{
  width: 500px;
  height: 300px;
}