Google Maps Auth. Ключ - куда девать?

Я полный новичок, когда доходит до создания веб-страниц, но я готов учиться. Я получил шаблон сайта (Urbanic Template - http://www.templatemo.com/tm-395-urbanic), и я пытаюсь заставить (в Dreamweaver CS6) работать с картами Google. Я сделал все как обычно (зарегистрировался, открыл счет ..) и получил ключ, чтобы поместить его на мою веб-страницу, но не знаю, где и как. В моем templatemo_script.js я вижу ссылку на координаты карты по умолчанию.

function initialize() {
    var mapOptions = {
        zoom: 12,
       center: new google.maps.LatLng(16.8451789,96.1439764)
     };

     var map = new google.maps.Map(document.getElementById('map-canvas'),  mapOptions); }

Итак, где и как мне вставить полученный ключ Google, чтобы мой сайт работал должным образом? Координаты конечно поменяю.

Вы сначала пробовали искать? developers.google.com/maps/documentation/javascript/…. Это первый хит для "ключ API карт Google"

Phil 30.09.2018 16:18

Да, я понял, но не знаю, куда вставить эту строку в приведенный выше код. Код - это javascript, но тот, который предлагается там, находится в html.

user763539 30.09.2018 16:32

Да, это правильно. Ключ API - это нет, вставленный в ваш код JS. Код в вашем вопросе не имеет отношения к этой проблеме

Phil 30.09.2018 16:33
Поведение ключевого слова "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) для оценки ваших знаний,...
0
3
41
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам нужно вставить его туда, где вы загружаете библиотеку. Как указал пользователь Фил, в документации указано, что он должен быть включен в тег скрипта при загрузке библиотеки карт Google.

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

Если вы не уверены, где это находится, возможно, вы захотите вернуться к основам веб-разработки, чтобы получить твердое представление о структуре веб-страницы.

Но для начала вы можете попробовать поискать в index.html.

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