Google Maps V3 - 覆蓋 API KEY

Question

我正在使用如下所示的默認腳本標簽加載 Google 地圖

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

有沒有辦法在頁面加載后覆蓋這個 API_KEY？ 或者甚至在不影響原始實例的情況下創建另一個谷歌地圖實例？

這是 AB 測試所必需的，以避免它影響整個網站使用的原始 API_KEY。

iframe 方法可能是不可能的，因為需要在地圖中附加幾個標記。

謝謝。

Answer 1

如果其他人有同樣的問題，首先需要重置地圖的當前實例

google.maps = undefined;

然后你可以只包含你自己的腳本

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

它是這樣工作的。

注意：如果您有任何其他依賴項，例如 Infobox，您可能需要再次添加這些依賴項

Answer 2

您可以像這樣（jQuery）添加編輯您的 src 屬性：

$("script").attr("src", YOUR_URL_HERE_WITH_AN_API_KEY_CHANGE);