我正在使用google-maps-react中的Marker组件,但无法使用自定义标记图像。该代码本身正在运行,并且能够从在线来源呈现图像url,但是当我给它提供指向自定义图像的路径时,它将无法正常工作。
这有效:
<Marker
icon={{ url: "http://maps.google.com/mapfiles/ms/icons/red-dot.png" }}
key={node.name}
position={{ lat: node.lt, lng: node.ln }}
/>
这不起作用:
<Marker
icon={{ url: "../assets/white-house-icon-small.png" }}
key={node.name}
position={{ lat: node.lt, lng: node.ln }}
/>
文件结构如下:
>src
-->components
---->mapMarker.js
-->assets
---->icon.png
我相信我为图标提供了正确的路径,但标记器组件出于某种原因不接受它。我不了解的格式有问题吗?
谢谢。