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

example from the documentation在Google网站和本地计算机上都可以正常使用。