InitMap () ошибка API карты Google в React

Я использую карты Google в своем проекте React. Он работает нормально, но в консоли я получаю сообщение об ошибке:

Uncaught Ob {message: "initMap is not a function", name: "InvalidValueError"

Я попробовал несколько решений, но ничего не работает. Мой текущий код:

</head>

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

  <script src = "https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js">
  </script>

  <body>

(находится между головой и телом). И я использую карту в одном из файлов js следующим образом:

function initMap(form, type, id, legendType) {
    ...

    for (var i = 0; i < markers.length; i++) {
      markers[i].setMap(map);
    }
    return hashMap;
}

Надо ли звонить куда-нибудь на простой initMap() без каких-либо параметров?

Доступна ли функция initMap в глобальном масштабе?

— Tholle 13.08.2018 19:13

Что ты имеешь в виду?

— Grzegorz Brzęczyszczykiewicz 13.08.2018 19:21
javascript html reactjs google-maps google-maps-api-3
13.08.2018 19:11
Поведение ключевого слова "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
2
303
1

Ответы 1

Я нашел решение. Мне нужно было создать функцию initMap () и поставить скрипт с ней перед скриптом с картами Google. Окончательный код:

<script>
    initMap = function(){}
  </script>

  <script
  src = "https://maps.googleapis.com/maps/api/js?key=MY_KEY&callback=initMap">
  </script>
14.08.2018 03:54

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

AddEventListener -> отличный шрифт
JQuery: событие onclick добавлено в динамически созданный <li>, при синтаксическом анализе JSON выдает ошибку при нажатии
Панель навигации перемещается влево и не фиксируется в центральном положении на всех устройствах
Почему элемент PRE с новой строкой не выводит пустые строки?
Как ограничить доступ к сайту / ссылке по идентификатору на сайте ASP.NET?
Как получить атрибут тега с помощью PHP Simple HTML DOM parser
Зачем таблице width: 0 для соблюдения ширины столбцов?
Ссылка IE-11 в теге HTML Button Не работает - как исправить?
Проблема с отображением встроенных тегов <li> для горизонтальной панели навигации
Как отлаживать: перейти с div на элемент формы в React. Нет ответа

Похожие вопросы

Изменить источник на основе строк в текущем URL-адресе
Обещает облачная функция Firebase
Автозапуск видео Brightcove
Непрерывный цикл по массиву onClick и рендеринг каждого элемента
Проблемы с функцией перепривязки при клонировании объекта
Переход Vue.js при изменении выбранного элемента из списка
Правильный способ освободить память в JavaScript
AddEventListener -> отличный шрифт
Точное панорамирование и масштабирование до узла SVG
JQuery: событие onclick добавлено в динамически созданный <li>, при синтаксическом анализе JSON выдает ошибку при нажатии