javascript - 谷歌地图API添加自定义图标

Question

有点奇怪 - 我为我正在工作的网站上的联系页面创建了一个谷歌地图区域。一切都很好，瞧等等。我今天回去更改了页面上的更多内容，图标已经完全消失了。 map 仍然可以正常生成和显示 - 只是缺少图标。我的 img 路径仍然正确，其他没有任何改变。我似乎隐约记得在最初的构建过程中发生过这种情况，但它可能已经自行修复了。还有其他人遇到过类似的事情吗？

我的 map JS 在这里 - 当我故意更改为不存在或无效的 var 时， map 不会生成，所以我不完全确定这是此代码的错误。

任何帮助将不胜感激。谢谢，

    <script type="text/javascript">
    function initialize() {
        var latlng = new google.maps.LatLng(51.865151,-2.234739);
        var settings = {
            zoom: 16,
            center: latlng,
            mapTypeControl: true,
            scrollwheel: false,
            mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
            navigationControl: true,
            navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
            mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
    var companyLogo = new google.maps.MarkerImage('img/gmap-icon.png',
    new google.maps.Size(100,50),
    new google.maps.Point(0,0),
    new google.maps.Point(50,50)
);
      var companyPos = new google.maps.LatLng(51.865151,-2.234739);
      var companyMarker = new google.maps.Marker({
    position: companyPos,
    map: map,
    icon: companyLogo,
    title:"10 Yetis HQ"
});

    }

</script>

Answer 1

我认为您的浏览器缓存有问题。每次进行更改时都会清除缓存，您将看到更改的混合版本。

此外，由于您使用的是 javascript，因此大多数路径都不是相对的。尝试使用绝对网址。例如:

var companyLogo = new google.maps.MarkerImage('/img/gmap-icon.png', ...);