Могут ли реагировать-Google-карты использовать типы карт изображения? - PullRequest
Новая
       20

Могут ли реагировать-Google-карты использовать типы карт изображения?

0 голосов
/ 04 ноября 2018

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

с реагировать-Google-карты. похоже, он не имеет того же класса 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>

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

1 Ответ

0 голосов
/ 05 ноября 2018

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

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

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

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

...