如何将自定义图标的路径传递给google-maps-remark标记?

时间:2019-06-19 14:06:13

标签: react-redux google-maps-markers

我正在使用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

我相信我为图标提供了正确的路径,但标记器组件出于某种原因不接受它。我不了解的格式有问题吗?

谢谢。

0 个答案:

没有答案