Google maps 在一个页面上显示多个谷歌地图_Google Maps_Google Maps Api 3

Google maps 在一个页面上显示多个谷歌地图

google-maps google-maps-api-3

Google maps 在一个页面上显示多个谷歌地图,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我有点麻烦，这应该很容易，但我错过了一些东西，但不知道是什么。我将代码放在两个单独的js文件中，然后在头部调用它们这是两张地图然后我会在标题部分加上这个。这适用于一页（而不是两页）上的单个地图 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAmOjwJpRcp48pn7smsrprlnN90iYBxR8g&sensor=false"></script> <scrip

我有点麻烦，这应该很容易，但我错过了一些东西，但不知道是什么。我将代码放在两个单独的js文件中，然后在头部调用它们

这是两张地图

然后我会在标题部分加上这个。这适用于一页（而不是两页）上的单个地图

   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAmOjwJpRcp48pn7smsrprlnN90iYBxR8g&sensor=false"></script>
<script type="text/javascript" src="gmap/aqiCurrent.js"></script>
<script type="text/javascript" src="gmap/aqiForecast.js"></script>
</head>
<body onload="initialize()">

然后我像这样调用html中的映射

<div id="aqiCurrent" style="width:100%; height:400px"> </div>

<div id="aqiForecast" style="width:100%; height:400px"> </div>

它仅显示第二个贴图，而不是第一个贴图。如果我从头部移除其中一个呼叫，则第一个呼叫显示。所以我知道代码很好，因为我可以加载和显示其中一个。我只是不能让它们同时加载和显示。我不确定我错过了什么

-谢谢

可能的副本

在两个javascript文件中都有一个同名函数（“初始化”）

这行不通。

我已经厌倦了重命名它们的函数initialize1（）和函数initialize2（），然后它们就根本不加载了。我甚至试着把它全部移走，然后把它装上。甚至试着移除它。我试过的东西都不管用。它加载第二个贴图，但不加载第一个贴图。从理论上讲，如果有命名冲突，它会加载第一个，但不会加载第二个。我已经对它进行了排序。我只是把这两个代码结合起来，用on函数调用它。