2

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

这是我的 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

*

4

2 回答 2

4

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

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

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

于 2018-02-17T12:36:08.860 回答
0 
<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,
    }}
>
于 2020-09-29T10:39:39.080 回答