如何在@react-google-maps/api 中添加自定義 ico 或 SVG 作為標記圖標

Question

我正在使用@react-google-maps/api在我的 React Web 應用程序中顯示 Google Map。 根據他們的文檔，我添加了如下標記。

 <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,
        }}
    />