Javascript 谷歌地图根本不渲染

我以前使用过贴图，从来没有遇到过贴图根本不渲染的问题

下面是我的代码实现，包括对PlacesAPI库的请求

以下是我的代码示例：

JS:

这是最简单的地图形式，但它总是呈现一个灰色/米色框，如果我单击任何地方，它会显示UncaughtTypeError:无法读取undefined的属性“x”。我理解当映射的DOM元素未加载时会显示此错误。但是map不是只有在加载window元素时才会触发吗

**center and zoom are Required.**

尝试动态发送纬度和经度，我给出了硬编码值以供参考

function initialize() {
    var elem = document.getElementById('map-dire');
   var mapOptions = {
          center: { lat: -34.397, lng: 150.644},
          zoom: 8
        };

    var map = new google.maps.Map(elem, mapOptions);
    map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
}
google.maps.event.addDomListener(window, 'load', initialize());

如果您给zoom属性，比如

function initialize() {
    var elem = document.getElementById('map-dire');
    var map = new google.maps.Map(elem, {
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: { lat: -34.397, lng: 150.644},zoom: 8
    });
}
google.maps.event.addDomListener(window, 'load', initialize());

有两个必要的强制性要求

居中板条位于初始地图中心。必修的。 缩放编号初始地图缩放级别。必修的。 如果不提供它们，则必须调用map.setCenter和map.setZoom、map.fitBounds[同时计算这两个值]，使用将preserveViewport设置为false[同时计算这两个值]的KmlLayer或导致它们都被设置的其他操作，以便初始化贴图

调用map.setCenter和map.setZoom的代码段：

函数初始化{ var elem=document.getElementById'map-dire'； var map=new google.maps.Mapelem{ mapTypeId:google.maps.mapTypeId.ROADMAP， }; map.setCenter{lat:0，lng:0}； map.setZoom2； } google.maps.event.AddDomainListenerWindow“加载”，初始化； 可怕的地图{ 高度：450px； }

---

您没有为设置纬度和经度Map@VivekGupta我认为这不是问题所在。不管怎样，这里有一个更新的拉特和长小提琴在我的答案中添加纬度和经度。请看它显示的是地图。我想问题是忽略了缩放选项。似乎没有缩放选项才是问题所在。我一插上电源，一切都正常了。谢谢我被这件事弄得头晕目眩

function initialize() {
    var elem = document.getElementById('map-dire');
    var map = new google.maps.Map(elem, {
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: { lat: -34.397, lng: 150.644},zoom: 8
    });
}
google.maps.event.addDomListener(window, 'load', initialize());