javascript - Google 地图 API：为什么我不能使用相对图标路径设置标记的图标？

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 文档的目录。

文档中的示例在谷歌网站和我的机器上都可以正常工作。