Google Maps API 无法在移动浏览器上运行

Question

我在我的网站上使用 Google Maps API 自定义标记，它在桌面浏览器中运行良好，但不会出现在移动浏览器中。我的控制台出现错误： TypeError: Cannot read property 'length' of undefined.

我使用ajax获取数据。这是javascript：

var myLatlng = new google.maps.LatLng(-0.7893, 113.9213);

var mapOptions = {

    zoom: 4,

    center: myLatlng,

    scrollwheel: false, 

    mapTypeControl: false,

    styles: []

};

var locations = response;

var map = new google.maps.Map(document.getElementById("map"), mapOptions);

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < locations.length; i++) {  

    marker = new google.maps.Marker({

    position: new google.maps.LatLng(locations[i][1], locations[i][2]),

    map: map

    });

    google.maps.event.addListener(marker, 'click', (function(marker, i) {

    return function() {

        infowindow.setContent(locations[i][0]);

        infowindow.open(map, marker);

    }

    })(marker, i));

}

任何帮助，将不胜感激。

Answer 1

检查“locations.length”是否存在，如果不存在，它将返回 null 并在长度值上出错。你可以做这样的事情 -if (!locations ==0){for (var i = 0; i < locations.length; i++)....您可以找到更多答案Uncaught TypeError: Cannot read property 'length' of null

Answer 2

通过向#map 添加固定高度来解决（以前是 100%）。