身体负荷的替代品 - 似乎没有初始化

Alternatives to body onload - doesn't seem to initialise

本文关键字：初始化 替代品      更新时间：2023-09-26

这是我的代码：http://jsfiddle.net/spadez/ur3csb8g/1/

我只能将我的代码片段输入到网站的正文中，而不能修改正文标签本身来调用初始化函数来调用谷歌地图。

我试图变得聪明，将所有内容都包装在这个标签中：

  $(document).ready(function() {
//code
}

但是，谷歌地图代码不再运行。谁能告诉我我哪里出错了。我使用了教程中的代码，所以应该没问题，但我更改的位显然不是:(

你给谷歌地图 api fetch 一个回调，但那个函数不存在。尝试将$(document).ready(function()替换为function initMap()

这是您更新的小提琴：http://jsfiddle.net/ur3csb8g/3/

你的代码中有很多错误。首先，你用一个不存在的回调 Methode initMap 调用谷歌 api。接下来，将完整的方法初始化包装在匿名函数中。最后，您有一个嵌套错误：

// name it like you call the api...
function initMap() {
      var latlng = new google.maps.LatLng(18.520266, 73.856406);
      var latlng2 = new google.maps.LatLng(28.579943, 77.330006);
      var myOptions = {
        zoom: 15,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var myOptions2 = {
        zoom: 15,
        center: latlng2,
        mapTypeId: google.maps.MapTypeId.SATELLITE
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      var map2 = new google.maps.Map(document.getElementById("map_canvas_2"), myOptions2);
      var myMarker = new google.maps.Marker({
        position: latlng,
        map: map,
        title: "Pune"
      });
      var myMarker2 = new google.maps.Marker({
        position: latlng2,
        map: map2,
        title: "Noida"
      });
    }
// wrap only the execution here...
$(document).ready(function() {
    initMap();
});

这里的工作变体。

相关文章：