Как установить Google maps через npm?

есть ли какой-либо пакет, доступный на npm для Google maps? Или я действительно предполагается вставить это

<script src="https://maps.googleapis.com/maps/api/jskey=YOUR_API_KEY">
</script>

на мой индекс.html и загружать этот файл js при каждом обновлении?

это очень раздражает, потому что иногда я получаю ReferenceError: google is not defined.

6
javascript maps npm

3 ответов

официальный пакет Google maps npm @google / maps это. Его можно использовать с

var googleMapsClient = require('@google/maps').createClient({
  key: 'your API key here'
});

использование упомянутого способа сценария не будет загружать сценарий дважды, однако. Многие браузеры кэшируют файлы javascript, поэтому используют https://maps.googleapis.com/maps/api/jskey=YOUR_API_KEY будет загружать несколько раз и останавливаться, используя модуль Google maps через browserify ничего не изменит.

3

Да, там есть несколько пакетов. Вы можете попробовать это.

npm - Google maps

1

на ReferenceError вы получаете, вероятно, потому, что вы не вызываете библиотеку правильным способом.

на документация Google предполагает, что вы должны указать обратный вызов (например,initMap), который будет вызван, когда API завершит загрузку. Все, что вам нужно сделать с картой, должно входить в эту функцию, чтобы убедиться, что API загружен и google уже определен.

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