Question

我没有在地图上看到缩放+/-，地图/卫星和人类图标。我按照文档中指定的步骤操作。有什么具体的道具我必须通过吗？还是有一个悬而未决的问题？谢谢你的帮助。

以下是我的GoogleMap组件的样子片段 -

*

withScriptjs(
      withGoogleMap(() => {
       return (<GoogleMap
          // google={google}
          defaultZoom={8}
          center={selectedAirportPos}
          // center={{lat: 39.996944444444445, lng: -82.89194444444445 }}
          // defaultCenter={{ lat: -34.397, lng: 150.644 }}
           defaultOptions={{
            // defaultCenter: {lat: -34.397, lng: 150.644 },
            disableDefaultUI: true,
            mapTypeId: 'terrain',//google.maps.MapTypeId.TERRAIN,
          }}
        >
           <GMapsAirportMarker
             withInfoWindow={allMarkersState[selectedAirport.id]}
             withInfoWindowContent={this.selectedInfoWindowContent(selectedAirport)}
             position={selectedAirportPos}
             icon

*

Answer 1

您已将disableDefaultUI设置为true。这将从地图中删除缩放，地图类型控件。如果您只希望用户可以使用特定的地图类型，则可以将defaultMapTypeId设置为GoogleMap组件中的道具。

https://developers.google.com/maps/documentation/javascript/examples/control-disableUI

https://tomchentw.github.io/react-google-maps/#googlemap

Answer 2

<GoogleMap
    defaultZoom={default_center.zoom}
    defaultCenter={default_center}
    key={new Date().getTime()}
    options={{
        streetViewControl: false,
        draggable: true, // make map draggable
        zoomControlOptions: { position: 9 },
        keyboardShortcuts: false, // disable keyboard shortcuts
        scaleControl: true, // allow scale controle
        scrollwheel: true, // allow scroll wheel
        styles: mapsStyle,// change default map styles,
    }}
>

React-Google-Maps：缩放+/-，地图/卫星图标不可见

2 个答案: