Ключ API карт Google в html / javascript

Я хочу встроить карту google javascript на свой веб-сайт.

В документации по адресу: https://developers.google.com/maps/documentation/javascript/tutorial

В нем говорится, что я должен загружать скрипты, используя свой ключ api в URL-адресе:

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

Разве это не значит, что мой ключ может получить кто угодно? Все мои другие ключи API Google находятся на стороне сервера и не находятся в моем исходном элементе управления. Кажется, здесь этот ключ обнажен - что меня немного смущает.

Я чувствую, что что-то упускаю, есть ли разумный способ скрыть этот ключ - или он должен быть публичным, и если да, то как мне предотвратить злоупотребления.

Думаю, здесь на вопрос дан ответ stackoverflow.com/questions/39625587/…

Kasinaat 007 21.05.2018 15:30
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
1
9 779
2

Ответы 2

Если я помню, у вас должен быть открытый и закрытый ключ. Вы можете раскрыть свой открытый ключ (если комбо существует, независимо от службы) и ограничить его использование с помощью HTTP-реферера в консоли API Google. Это означает, что ваш ключ будет работать только с указанным вами доменом.

Надеюсь, он ответит на ваш вопрос.

OP говорит о ключе API, а не об открытом и закрытом ключах.

Hunter 22.05.2020 00:11

Когда вы создаете свой ключ в консоли Google API и выбираете учетные данные для Maps JavaScript API, мастер проинструктирует вас, как защитить ключ, и предложит вам ввести URL-адреса, которые вы хотите авторизовать.

Для получения дополнительной информации см. Здесь: Как безопасно использовать ключи Google API

Другие вопросы по теме