无法在JS中显示谷歌地图

Cannot Display Google Map in JS

本文关键字：显示 谷歌地图 JS      更新时间：2023-09-26

作为任务的一部分，我们必须使用Google Map API生成地图并添加客户标记ETC。但是，当将其添加到我当前的网页时，它不会生成地图，只会出现下面的屏幕截图。

http://i.gyazo.com/81bccf77e78681f0f9d71c2abe254b58.png

//JavaScript GoogleMaps Manager
window.addEventListener ( 'load', initialise);
//Beginning of Function
function initialise()
    {
        //Specify new variable for lat and long manually
        var latLong = new google.maps.LatLng (53.8319, -2.984547-1.7656)
        //Specify variable for map options
        var mapOptions = 
        {
            center: latLong,
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        //Using DOM to find div in HTML and use it
        var mapContainer = document.getElementById ( 'mapArea' );   
        var map = new google.maps.Map ( mapContainer, mapOptions );
    }

这是用于生成地图的代码。它在网站之外工作，在它自己的索引文件中，没有其他div或代码，但我无法在我必须设计的网站中正确生成它。

有什么想法吗？

它看起来像是在绘制容器的地图，但不知道在哪里平铺。

看起来你的来电很奇怪：var latLong = new google.maps.LatLng (53.8319, -2.984547-1.7656)

-2.984547-1.7656的长度？最终成为-4.750147

我猜这就是问题所在，它最终会在海洋中央，那里没有瓷砖：谷歌地图链接

相关文章：