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

【问题标题】：Google maps API: Why can't I set the icon of my markers by using relative icon paths?Google 地图 API：为什么我不能使用相对图标路径设置标记的图标？
【发布时间】：2012-12-02 13:24:41
【问题描述】：

这些是我的标记选项

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

可以避免吗？

【问题讨论】：

它是否可以在公开的网站上运行（不是本地主机？）。它是否适用于优化：假？
This example 来自文档作品

标签： javascript google-maps icons relative-path

【解决方案1】：

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

更新：正如 webaware 指出的那样，图标的相对路径应该相对于包含 HTML 文档的目录。

example from the documentation 在 Google 网站和本地机器上都可以正常工作。

【讨论】：

更具体地说，图标的路径是相对于 HTML 文档，而不是脚本文件。