Как отключить просмотр улиц с помощью реакции-google-карт? - PullRequest
Новая
       37

Как отключить просмотр улиц с помощью реакции-google-карт?

0 голосов
/ 20 февраля 2019

Я использую пакет реагировать-google-maps , чтобы отобразить карту Google в своем приложении реакции.Я хотел бы отключить просмотр улиц.

Из документации , я вижу, есть реквизиты для:

  • defaultStreetView

  • streetView

Я пробовал использовать оба с false - но ни один не работает.Кто-нибудь знает, как отключить функцию просмотра улиц с помощью этого пакета?

Фрагмент кода здесь: 

import React, { Component } from 'react';
import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps";
import PropTypes from 'prop-types';

const Map = withScriptjs(withGoogleMap((props) => {
    return(
        <GoogleMap 
            defaultZoom={17}
            defaultCenter={{ lat: props.lat, lng: props.lng }}
            // defaultStreetView={false}
            // streetView={false}
        >
            {props.isMarkerShown && <Marker position={{ lat: props.lat, lng: props.lng }} />}
        </GoogleMap>
    )
}))

Map.propTypes = {
    lat: PropTypes.number.isRequired,
    lng: PropTypes.number.isRequired,
    isMarkerShown: PropTypes.bool.isRequired
}

export default Map;

1 Ответ

0 голосов
/ 20 февраля 2019

Кажется, что реквизиты defaultStreetView и streetView в данном случае на самом деле не были актуальны.

Способ реализовать это - передать {streetViewControl: false} в опцию prop.

Исправить код: 

import React, { Component } from 'react';
import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps";
import PropTypes from 'prop-types';

const Map = withScriptjs(withGoogleMap((props) => {
    return(
        <GoogleMap 
            defaultZoom={17}
            defaultCenter={{ lat: props.lat, lng: props.lng }}
            options={{streetViewControl: false}}
        >
            {props.isMarkerShown && <Marker position={{ lat: props.lat, lng: props.lng }} />}
        </GoogleMap>
    )
}))

Map.propTypes = {
    lat: PropTypes.number.isRequired,
    lng: PropTypes.number.isRequired,
    isMarkerShown: PropTypes.bool.isRequired
}

export default Map;
...