Question

我正在尝试使用google的API创建/实例化两个不同的地图，每个地图都有自己的自定义指针（从geoJSON行检索）。

问题似乎是我不能有多个，我找不到我们为什么？我使用两个不同的变量名，我相信我的JSON语法都很好，至少我没有收到任何错误。

这是我的代码： https://jsfiddle.net/dj2wasdn/1/

有谁知道什么是错的？请注意，通过删除第1709行，第二个地图将被删除，而第一个地图会突然启用。但是，我无法找出为什么我不能同时启用这两个功能。

  var map;
  function initMap() {

    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 13,
        center: {lat: 60.3913, lng: 5.3221}
      }
    );

这些（上面和下面）是我对构造函数的两个单独调用，使用不同的变量名。

  var map2;
  function initMap() {

    map2 = new google.maps.Map(document.getElementById('map2'), {
        zoom: 14,
        center: {lat: 60.3910, lng: 5.3222}
      }
    );

Answer 1

您对两个功能使用相同的功能。重命名函数并将它们放在initMap函数中。

initMap1 (){
  // your code for map1
}
initMap2 (){
  // your code for map2
}
// combined two function
initMap() {
  initMap1()
  initMap2()
}

无法使用geoJSON创建两个不同的Google地图

1 个答案: