如何在@react-google-maps/api 中添加自定义 ico 或 SVG 作为标记图标

Question

我正在使用 @react-google-maps/api to show Google Map in my React Web application. Following their documentation 我添加了如下标记。

        <Marker
            onLoad={onLoad}
            position={location}
            
            icon={{
                // path: google.maps.SymbolPath.CIRCLE,
                url:'./../../assets/svg/location_marker.svg',
                scale: 7,
            }}
        />

不过好像不行。没有显示任何标记。使用 google.maps.SymbolPath.CIRCLE 作为 path 将显示标记图标。以前有人遇到过这个问题吗？有什么想法吗？

Answer 1

添加了要求并解决了问题。

    <Marker
        onLoad={onLoad}
        position={deliveryDestination}
        icon={{
            // path: google.maps.SymbolPath.CIRCLE,
            url: (require('./../../assets/svg/location_marker.ico')),
            fillColor: '#EB00FF',
            scale: 7,
        }}
    />