javascript - 谷歌地图API : Why can't I set the icon of my markers by using relative icon paths?

Question

这些是我的标记选项

var markerOptions = {
                clickable: true,
                draggable: false,
                flat: true,
                map: map,
                icon: 'food.png',
                optimized: true,
                position: pos,
                title: name,
                visible: true,
                animation:google.maps.Animation.DROP,
            };

'food.png' 与 javascript 文件位于同一文件夹中。然而它不起作用。

如果我使用完整的 http 路径，它工作正常。例如

http://localhost/javascript/food.png

有可能避免这种情况吗？

Answer 1

图标图像需要与引用它的 HTML 页面位于同一目录中，而不是与 javascript 位于同一目录中。

更新:webaware 指出图标的相对路径应该相对于包含 HTML 文档的目录。

example from the documentation在 Google 网站和我的本地计算机上都运行良好。