Используя React- Google-Maps для создания карты для переключения между просмотром карты / улицы, невозможно определить свойство, которое создает адрес / элемент управления в виде улицы - PullRequest
0 голосов
/ 20 марта 2020

У меня есть компонент React, который отображает карту Google для данного адреса на карте. Я разработал его, чтобы запустить просмотр в режиме просмотра улиц, что является желательным поведением.

Я пролистал как документацию по React- Google-Maps, так и документацию по API Google, и не могу найдите что-нибудь четкое о том, как установить элементы управления, чтобы в режиме просмотра улиц отображался адрес в верхнем левом углу с кнопкой «Назад», чтобы вернуться к виду карты.

Google Maps Container Component from React-Google-Maps
    const GoogleMapContainer = withScriptjs(
        withGoogleMap((props: GoogleMapsProps) => (
          <Fragment>
              <GoogleMap center={coordsParsed} defaultZoom={16} defaultHeading={2} options={{streetViewControl: false, disableDefaultUI: true}}>
                <StreetViewPanorama
                  position={coordsParsed}
                  visible={props.showStreetView}
                  options={{linksControl: true, disableDefaultUI: true}}
                  pov={{ heading: 2.3, pitch: 0 }}
                />
                <Marker position={coordsParsed} />
              </GoogleMap>
          </Fragment>
        ))
      );
Google Maps Component
        <Card>
            <CardHeader title={title} onContextClick={toggleContextMenu} sortable>
                {contextActive &&
                    <CardContextMenu>
                        <button type="button" onClick={() => toggleHelp()}><HelpSvg />Help</button>
                        <button type="button" onClick={() => handleActive()}><HideSvg />Hide</button>
                    </CardContextMenu>
                }
            </CardHeader>
            <CardBody sortable>
                 ....
                {!isLoading && !error &&
                        <>
                            <GoogleMapContainer
                                loadingElement={<Loader />}
                                containerElement={<ContainerElement />}
                                googleMapURL={SECRET_KEY}
                                mapElement={<ContainerElement />}
                                showStreetView={show}
                            />
                            <button onClick={() => {
                                setShow(!show)
                            }}>Toggle</button>
                        </>
                }
            </CardBody>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...