Javascript 如何在同一页上的两个或多个传单地图上添加相同的形状文件？

我在同一页上有两个传单地图，我正试图在它们上面加载相同的shapefile。在第一个屏幕上，它被加载并显示，而在另一个屏幕上，它被加载但不显示

mymap = L.map('map_container').setView([24.379311, 88.041001], 15);
mymap2 = L.map('map_container2').setView([24.379311, 88.041001], 15);

L.tileLayer(
     '', {
        maxZoom: 18,
        minZoom:1,
}).addTo(mymap);

L.tileLayer(
     '', {
        maxZoom: 18,
        minZoom:1,
}).addTo(mymap2);

shpfile = new L.Shapefile('js/world/TM_WORLD_BORDERS-0.3', {
    style: stateStyle
});
shpfile.addTo(mymap);
shpfile.once("data:loaded", function() {
    console.log("finished loaded shapefile");
});

shpfile2 = new L.Shapefile('js/world/TM_WORLD_BORDERS-0.3', {
    style: stateStyle
});
shpfile2.addTo(mymap2);
shpfile2.once("data:loaded", function() {
    console.log("finished loaded shapefile2");
});

因此，在“mymap”中，它被加载并显示，而在“mymap2”中，它只是被加载但没有显示

mymap = L.map('map_container').setView([24.379311, 88.041001], 15);
mymap2 = L.map('map_container2').setView([24.379311, 88.041001], 15);

L.tileLayer(
     '', {
        maxZoom: 18,
        minZoom:1,
}).addTo(mymap);

L.tileLayer(
     '', {
        maxZoom: 18,
        minZoom:1,
}).addTo(mymap2);

shpfile = new L.Shapefile('js/world/TM_WORLD_BORDERS-0.3', {
    style: stateStyle
});
shpfile.addTo(mymap);
shpfile.once("data:loaded", function() {
    console.log("finished loaded shapefile");
});

shpfile2 = new L.Shapefile('js/world/TM_WORLD_BORDERS-0.3', {
    style: stateStyle
});
shpfile2.addTo(mymap2);
shpfile2.once("data:loaded", function() {
    console.log("finished loaded shapefile2");
});

标记和所有东西都显示在它们上面，这只是形状文件的问题

有人能引导我通过它吗

谢谢