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

文档中的示例在Google网站和我的计算机上均可以正常运行。