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網站和我的計算機上均可以正常運行。