Для того, чтобы карта Google отображалась корректно, необходимо создать ключ API для Google Maps и скопировать его в файл, в котором должны храниться пользовательские скрипты.
Инструкция:
Перейдите на страницу получения ключа для JavaScript API. Нажмите на кнопку «Получить ключ».
Авторизуйтесь под своим аккаунтом Google и примите условия использования.
После создания нового проекта вы автоматически перейдете на страницу учетных данных. Задайте название для ключа API браузера и источники перехода (например, ваш сайт). В настройках API Website restrictions нужно добавить отдельно две строки с https и http с вашим сайтом *.mysite.ru/*. Это нужно для того, чтобы перестала выходить ошибка RefererNotAllowedMapError и карта начала корректно отображаться. Также рекомендуется включить billing account с банковской картой.
Параметр «Источники перехода» не является обязательным, однако если ограничений для источников перехода нет, ключ API и его квоту смогут использовать другие приложения. Поэтому мы рекомендуем указать в поле адрес вашего сайта. Нажмите кнопку «Создать».
Откроется окно с ключом API: AIzaSyA9iuoCdWIo_yWlBxWssyfT-8y_eu-mI9A. Скопируйте его и нажмите кнопку «Ок».
Перейдите на страницу карты и нажмите кнопку редактирования настроек компонента.
Найдите поле для ввода ключа JavaScript API и скопируйте туда полученный код.
Сохраните изменения.
Как переключить карту Google и Яндекс в настройках компонента на странице магазинов