Google Maps V3 - переопределить API-ключ

Question

Я загружаю Карты Google, используя тег скрипта по умолчанию, как показано ниже

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

Есть ли способ переопределить этот API_KEY после загрузки страницы? Или даже создать еще один экземпляр карт Google, не затрагивая исходный экземпляр?

Это необходимо для тестирования 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

Вы можете добавить изменить свой атрибут src следующим образом (jQuery):

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