Гэтсби Источник Google Maps Stati c Плагин

Question

Я могу успешно подключить Gatsby Source Google Maps Stati c Плагин к моему проекту, но я ищу решение с несколькими картами, а не одну карту.

Есть ли способ взаимодействия с плагином вне gatsby-config. js файл?

gatsby-config. js настройки плагина

{
  resolve: `gatsby-source-googlemaps-static`,
  options: {
    key: `google maps api key`,
    center: `Denver, CO`
  }
}

Answer 1

30 марта 2020 г. ( commit ) плагин gatsby-source-googlemaps-static был расширен в ответ на этот запрос функции.

Теперь вы можете получать несколько карт stati c, используя опция maps:

maps

Используется для добавления нескольких карт в gatsby.

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

Ваша конфигурация для плагина в вашем gatsby-config.js будет выглядеть примерно так:

module.exports = {
    plugins: [
        {
            resolve: `gatsby-source-googlemaps-static`,
            options: {
                key: process.env.GOOGLE_MAPS_STATIC_API_KEY,
                styles: [
                    {
                        feature: `poi`,
                        element: `labels`,
                        rules: {
                            visibility: `off`,
                        },
                    },
                ],
                maps: [
                    {
                        center: `Chicago, IL`,
                        query: `Willis Tower`,
                    },
                    {
                        center: `Colorado Springs, CO`,
                        query: `Garden of the Gods`,
                    },
                    {
                        center: `Miami, FL`,
                        nickname: `Beach`,
                    },
                ],
            },
        },
    ],
};

См. дополнительные параметры и примеры. на README плагина .

Оригинальный ответ

Есть ли способ взаимодействия с плагином вне файла gatsby-config. js file?

Короткий ответ - нет, вы не можете.

Плагин запускается при сборке и не предоставляет API-интерфейс Maps Stati c - вы должны использовать параметры плагина для настройки вашей карты.

Лучший способ добиться этого - на самом деле плагин принять • Варианты получения нескольких карт.

Уже существует открытый выпуск для этого в репозитории плагина на GitHub , и автор сказал что он начнет внедрять эту функцию на следующей неделе (30 марта 2020 г.).

Answer 2

В настоящее время это не поддерживается, но я добавлю это на этой неделе.

Обновление: (v 1.1.0) Только что обновлено для поддержки нескольких карт с наследованием от глобальных. Файл readme должен объяснить более подробно, но по сути все, что вам нужно добавить, это

maps: [
   {
     // Any options here
   }
],

, это сгенерирует несколько изображений и карт, которые будут кэшироваться.