Javascript 谷歌地图V3-覆盖API密钥

我使用默认的脚本标签加载谷歌地图，如下所示

<script async defer
      src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

加载页面后，是否有方法覆盖此API\u键？或者甚至在不影响原始实例的情况下创建另一个谷歌地图实例

AB测试需要这样做，以避免影响整个网站使用的原始API_密钥

Iframe方法可能不可行，因为需要在地图中附加几个标记

---

谢谢。

您可以像这样添加和编辑src属性（jQuery）：

---

如果其他人有相同的问题，首先需要重置地图的当前实例

google.maps = undefined;

然后，您可以只包含自己的脚本

var scriptNode = document.createElement('script');
scriptNode.src = GOOGLE_MAPS_URL_WITH_NEW_KEY;
document.head.append(scriptNode);

它是这样工作的

---

注意：如果您有任何其他依赖项，如Infobox，则可能需要再次添加这些依赖项

hi，很抱歉延迟。这将替换页面上的所有脚本。是的，您必须适应您的代码=）您可以向脚本标记添加其他属性，但这对SEO不太友好

var scriptNode = document.createElement('script');
scriptNode.src = GOOGLE_MAPS_URL_WITH_NEW_KEY;
document.head.append(scriptNode);