Question

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

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

我试图变得聪明并将所有内容包装在此标记中：

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

然而谷歌地图代码不再运行。任何人都可以告诉我我哪里出错了。我已经使用了教程中的代码，所以应该没问题，但是我改变的那一点显然不是：（

Answer 1

你给谷歌地图api fetch回调，但该功能并不存在。尝试将$(document).ready(function()替换为function initMap()

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

Answer 2

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

// 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();
});

Working variant here.

身体上载的替代方案 - 似乎没有初始化

2 个答案: