Question

我的网站上的Google地图存在问题。地图和代码在本地工作，但是当我发布地图时，它只显示灰色背景。我有Joomla网站。请有人帮助我。这是我的代码：

<head>
     <script src='http://code.jquery.com/jquery.min.js' type='text/javascript'></script>
</head>
<body>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="/maps/westcampus.js"></script>

<script>
var infowindow;

function initialize() {
var map = new google.maps.Map(document.getElementById('map_canvas'), {
    center: new google.maps.LatLng(37.42362457157549, -122.0921247138165),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    zoom: 10
});

for (var x in westcampus) {
    var building = westcampus[x];
    var location = new google.maps.LatLng(building.lat,building.lng);
    addMarker(map, building.name, location);
}
}
var bounds = new google.maps.LatLngBounds ();
function addMarker(map, name, location) {

    var marker= new google.maps.Marker({
        position: location,
        map: map
    });
    bounds.extend (location);

    google.maps.event.addListener(marker, 'click', function() {
    if (typeof infowindow != 'undefined') infowindow.close();
    infowindow = new google.maps.InfoWindow({
    content: name
    });
        infowindow.open(map,marker);
    });
    map.fitBounds (bounds);
}

    google.maps.event.addDomListener(window, 'load', initialize);
</script>   


<div id="map_canvas" style="width: 100%; height: 400px;"></div>

</body>
</html>

和DB

var westcampus = [{'name':'Google West Campus 1','lat':37.423901,'lng':-122.091497,'ost': "Ostatak!"},
{'name':'Google West Campus 2','lat':37.424194,'lng':-122.092699,'ost': "Ostatak!"},
{'name':'Google West Campus 3','lat':37.423901,'lng':-122.092456,'ost': "Ostatak!"}];

感谢

Answer 1

您正在使用的代码似乎没有任何问题。

所以问题在于服务器，以及从哪里请求地图。

您是否正在运行SSL，并尝试通过HTTP请求JavaScript？也许远程服务器，看看你是否可以在那里本地运行页面。用提琴手的铬调查网络。可能会在某处或某些地方返回403。

或负载计时问题。有时谷歌地图需要在地图触发空闲事件时调用调整大小事件。所以它重新计算地图图块的边界。

无法真正提出任何其他建议。祝好运。

Google Maps API灰色背景

1 个答案: