Может ли react-google-maps использовать типы карт изображений?

Я пытаюсь воспроизвести пример, показанный в: https://developers.google.com/maps/documentation/javascript/examples/maptype-image

с помощью react-google-maps. похоже, что у него нет того же класса google.maps.ImageMapType. Знаете ли вы, есть ли класс, который может мне помочь, или, если кто-то уже сделал это, свяжите мне пример?

  <GoogleMap
className = "maps"
defaultZoom = {17}
defaultCenter = {{ lat: 46.215951, lng: 12.306994 }}
defaultMapTypeId = "moon"
defaultExtraMapTypes = {[{id:"moon", mapType:{
      getTileUrl: function(coord, zoom) {
          return "mw1.google.com/mw-planetary/lunar/lunarmaps_v1/clem_bw/1/1/0.jpg";
      },
      maxZoom: 9,
      minZoom: 0,
      radius: 1738000,
      name: 'Moon'
    }}]}
defaultOptions = {{
 // these following 7 options turn certain controls off see link below
  streetViewControl: false,
  scaleControl: false,
  mapTypeControl: false,
  panControl: false,
  zoomControl: false,
  rotateControl: false,
  fullscreenControl: false
}}

disableDefaultUI>

я пытаюсь сделать что-то подобное

Не могли бы вы поделиться кодом, который вы пробовали, и сообщением об ошибке?

— 04.11.2018 12:02

я привязываю свой код. Он не выдает никаких ошибок, просто пустая карта

— 05.11.2018 10:03

reactjs google-maps react-google-maps

04.11.2018 11:20

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

1 459

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Я нахожу уловку. Я создаю константу ImageMapType, как показано в примере, и экспортировал ее.

в моем компоненте карты я использую эти свойства:

defaultOptions = {{
              maxZoom: 18,
              mapTypeControlOptions: {
                mapTypeIds: ['moon','satellite']
              }
          }}
          mapTypeId = {google ? 'moon' : 'satellite'}
          defaultExtraMapTypes = {[
              ['moon', mapStyles ]
          ]}

связать его с картой. defaultExtraMapTypes заменяет map.set в API Google.

05.11.2018 15:38