Javascript 在谷歌地图上添加了几层geojson

您好，我在添加多个geojson层并在一个地图中显示它时遇到问题

图1

图2

在图1中，我使用“MultileString”类型，在图2中，我使用“MultiPolygon” 我想在一张地图上显示这两种类型

我使用两种不同的来源

此时，我的代码只能显示一个

 var map;

      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          zoom: 8,
          center: {lat: -2.9365327, lng: 104.4950964}
        });
        var infowindow = new google.maps.InfoWindow();

        map.data.loadGeoJson('<?= base_url(); ?>/asset/mapgeojson/newjson.geojson');

        var ced = google.maps.event.addListener(map.data, 'click', function(event) {
          var aab=event.feature.f;
          infowindow.setContent('<div class="col-md-12"><div class="row"><div class="col-md-12"><table class="table table-striped"><tr><th>ID</th><td>'+aab+'</td></tr><tr><th>Latitude</th><td>'+ event.latLng.lat()+'</td></tr><tr><th>Longitude</th><td>'+ event.latLng.lng()+'</td></tr></table></div></div><div class="row"><div class="col-md-12"><button type="button" class="btn btn-info col-md-12" data-toggle="modal" data-target="#myModal'+aab+'">Detail</button></div></div></div>');
          console.log(event.feature.f)
          infowindow.setPosition(event.latLng);
          infowindow.open(map);

        });

        map.data.addListener('mouseover', function (event) {
          map.data.revertStyle();
          map.data.overrideStyle(event.feature, {
            strokeColor: 'red',
            strokeWeight: 8

          });
        });

        map.data.addListener('mouseout', function (event) {
          map.data.revertStyle();
        });


      }

var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
缩放：8，
中心：{纬度：-2.9365327，液化天然气：104.4950964}
});
var infowindow=new google.maps.infowindow（）；
loadGeoJson（'/asset/mapgoJSON/newjson.geojson'）；
var ced=google.maps.event.addListener（map.data，'click'，函数（事件）{
var aab=event.feature.f；
infowindow.setContent（'ID'+aab+'Latitude'+event.latLng.lat（）+'longide'+event.latLng.lng（）+'Detail'）；
console.log（event.feature.f）
infowindow.setPosition（event.latLng）；
打开（地图）；
});
map.data.addListener（'mouseover'，函数（事件）{
map.data.revertStyle（）；
map.data.overrideStyle（event.feature{
strokeColor:'红色'，
冲程重量：8
});
});
map.data.addListener（'mouseout'，函数（事件）{
map.data.revertStyle（）；
});
}

也许有人能帮我

编辑：我找到了自己的答案，所以我会在这里给出结果

如您所见，我将来自不同链接的几层geojson添加到一个页面中。

---

因为没有人回答我的问题，所以我从各种参考资料中找到了自己的答案。 所以简单的只需声明新图层，图层就会自动显示在同一张地图上

先申报

var name_foo_first = new google.maps.Data({map: map});
var name_foo_two = new google.maps.Data({map: map});

并提供您保存的geojson数据链接

name_foo_first.loadGeoJson('url_foo_first.geojson');
name_foo_two.loadGeoJson('url_foo_two.geojson');

var映射

  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      zoom: 8,
      center: {lat: -2.9365327, lng: 104.4950964}
    });
    var infowindow = new google.maps.InfoWindow();

var name_var= new google.maps.Data({map: map});
jalan.loadGeoJson('source_var');

var name_var2= new google.maps.Data({map: map});
air_bersih.loadGeoJson('source_var2');


    var ced = google.maps.event.addListener(map.data, 'click', function(event) {
      var aab=event.feature.f;
      infowindow.setContent('<div class="col-md-12"><div class="row"><div class="col-md-12"><table class="table table-striped"><tr><th>ID</th><td>'+aab+'</td></tr><tr><th>Latitude</th><td>'+ event.latLng.lat()+'</td></tr><tr><th>Longitude</th><td>'+ event.latLng.lng()+'</td></tr></table></div></div><div class="row"><div class="col-md-12"><button type="button" class="btn btn-info col-md-12" data-toggle="modal" data-target="#myModal'+aab+'">Detail</button></div></div></div>');
      console.log(event.feature.f)
      infowindow.setPosition(event.latLng);
      infowindow.open(map);

    });

    map.data.addListener('mouseover', function (event) {
      map.data.revertStyle();
      map.data.overrideStyle(event.feature, {
        strokeColor: 'red',
        strokeWeight: 8

      });
    });

    map.data.addListener('mouseout', function (event) {
      map.data.revertStyle();
    });


  }

函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
缩放：8，
中心：{纬度：-2.9365327，液化天然气：104.4950964}
});
var infowindow=new google.maps.infowindow（）；
var name_var=new google.maps.Data（{map:map}）；
jalan.loadGeoJson（'source_var'）；
var name_var2=新的google.maps.Data（{map:map}）；
air_bersih.loadGeoJson（'source_var2'）；
var ced=google.maps.event.addListener（map.data，'click'，函数（事件）{
var aab=event.feature.f；
infowindow.setContent（'ID'+aab+'Latitude'+event.latLng.lat（）+'longide'+event.latLng.lng（）+'Detail'）；
console.log（event.feature.f）
infowindow.setPosition（event.latLng）；
打开（地图）；
});
map.data.addListener（'mouseover'，函数（事件）{
map.data.revertStyle（）；
map.data.overrideStyle（event.feature{
strokeColor:'红色'，
冲程重量：8
});
});
map.data.addListener（'mouseout'，函数（事件）{
map.data.revertStyle（）；
});
}