我有我的地图组件
\n\nconst MyMapComponent = withScriptjs(\n withGoogleMap(props => (\n <GoogleMap\n defaultZoom={8}\n defaultCenter={{ lat: props.lat, lng: props.lng }}\n onClick={e => console.log(e)}\n >\n {props.isMarkerShown && (\n <Marker position={{ lat: props.lat, lng: props.lng }} />\n )}\n <MarkerClusterer averageCenter enableRetinaIcons gridSize={60}>\n {props.markers.map(marker => (\n <CustomMarker\n key={marker.id}\n marker={marker}\n\n />\n ))}\n </MarkerClusterer>\n </GoogleMap>\n ))\n);\nexport default MyMapComponent;\nRun Code Online (Sandbox Code Playgroud)\n\n我的应用程序组件返回此代码
\n\n return (\n <div className="container">\n <div className="map">\n// myMapComponent imported as Map\n <Map\n onMapClick={this.onMapClick}\n\n googleMapURL="https://maps.googleapis.com/maps/api/js?v=3.exp&key=YOUR_API_KEY"\n loadingElement={<div style={{ height: `100%` }} />}\n containerElement={<div style={{ height: `95vh` }} />}\n mapElement={<div style={{ …Run Code Online (Sandbox Code Playgroud)