Я хочу добавить на карту компонент пользовательского маркера, но заметил, что при использовании react-google-maps/api пользовательские компоненты не отображаются. В качестве простого примера я использовал следующий код:


const AnyReactComponent = ({ text }) => <div>{text}</div>;

...
   <GoogleMap
          mapContainerStyle={containerStyle}
          center={this.props.center}
          zoom={this.props.zoom}
        >

          {<AnyReactComponent lat={38.26} lng={-7.61} text="My Marker" />}

   </GoogleMap>
...

Можно ли с этим фреймворком делать такие вещи? Кроме того, можно ли добавлять компоненты кнопок в информационное окно или отображать раздел параметров при нажатии на маркер?

0
bmalbusca 25 Фев 2021 в 21:30

1 ответ

Лучший ответ

Поскольку react-google-maps/api так сильно обернул API Google, это маловероятно. Итак, вы будете ограничены компонентами пакета, но я рекомендую его для более простых целей, потому что имеется много документации. Обратите внимание, что react-google-maps больше не поддерживается, но этот проект продолжает react-google-maps/api.

0
bmalbusca 27 Фев 2021 в 14:43