相关疑难解决方法(0)

目前，我已经使用InfoModal成功将地图组件渲染为可重用组件以显示图标，但是标准的红色谷歌地图图标我没有修改，我想自己创建一个自定义图标。我不确定 ES6 和 JSX 语法我需要做什么。我查看了 react-google-maps 问题，并试图查看是否有任何当前或更新的材料来说明如何执行此操作（这可能很简单），但我不确定 react-google-maps 是否有自定义内容以插件或正确格式创建标记。

import React, { Component } from 'react'
import { withGoogleMap, GoogleMap, Marker, InfoWindow } from 'react-google-maps'
import { DEFAULT_MARKER } from '../../constants/mapDefaults'

const MapGoogleMap = withGoogleMap(props => (
  <GoogleMap
    defaultZoom={16}
    center={props.center}
  >
    {props.markers.map((marker, index) => (
      <Marker
        key={index}
        position={marker.position}
        onClick={() => props.onMarkerClick(marker)}
      >

        {marker.showInfo && (
          <InfoWindow onCloseClick={() => props.onMarkerClose(marker)}>
            <div>{marker.infoContent}</div>
          </InfoWindow>
        )}
      </Marker>
    ))}
  </GoogleMap>
))

export default class Map extends Component {
  state = {
    center: {
      lat: 28.3421135, …