Javascript 一个页面上有多个谷歌地图实例

我有一个表格，可以让你通过谷歌地图预览坐标。用户可以向表单动态添加多组坐标。坐标的数量是可变的

我用这段代码循环遍历变量，我觉得这与加载多个GoogleMaps实例有关。第一个贴图加载得很好，但第二个贴图仅加载最左角的一个平铺。如果我更新表单上的坐标，那么所有的地图在最左边的角落只显示一个平铺

                while (tempClone != cloneCount) {   
var lat_lng = new google.maps.LatLng(lat, lng);              

                options = {
                    zoom: 14,
                    center: lat_lng,
                    panControl: false,
                    zoomControl: false,
                    mapTypeId: google.maps.MapTypeId.TERRAIN
                };

                map[tempClone] = new google.maps.Map(document.getElementById("map"+tempClone), options);

                var infowindow = new google.maps.InfoWindow({
                    content: inputBL[tempClone][0][1] + 'Entrance'
                }); 

                marker[tempClone] = new google.maps.Marker({
                    position: lat_lng,
                    map: map[tempClone],
                    title: inputBL[tempClone][0][1]
                }); 
}

谢谢你的帮助！

---

Aaron

看起来您在调整地图大小方面遇到了问题。据我回忆，如果贴图容器大小改变，就会发生这种情况。在显示地图后是否可以尝试触发调整大小

google.maps.event.trigger(map, "resize");

---

您可以发布一个到您的实时代码的链接，或者将其放在JSFIDLE上，以便我们可以在上下文中查看它吗？只调试部分代码是很困难的。是的，当然，我会试着在一点时间内修改一下。谢谢。嘿，马诺，抱歉等了这么久。我只能将项目上载到外部服务器。我希望这会有所帮助，因为我无法在JSFIDLE下模拟这个问题。这里是链接：希望这能让你更好地了解正在发生的事情。问题在于洞穴入口。输入坐标（度数或小数点）后，图像显示良好，如果再次编辑入口，图像显示不正确。下面是一些坐标示例：59.32522，18.07002再次感谢您的帮助！要将问题标记为已解决，在最佳答案附近使用绿色复选标记（如您所做的）就足够了。您不需要在问题标题中添加“已解决”。干杯我