Question

有点奇怪 - 我为我正在处理的网站上的联系页面创建了一个谷歌地图区域。所有工作都很好瞧等我今天回去改变页面上的更多东西，图标已经完全消失了。地图仍然生成并显示正常 - 只有图标丢失。我的img路径仍然正确，没有其他任何改变。我似乎依旧记得在原始版本中发生了这种情况，但它可能已经修复了自己。还有其他人遇到类似的事情吗？

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

任何帮助都会受到大力赞赏。谢谢，

    <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

我遇到类似这样的情况，尝试直接将图标路径更改为物理路径

Icon: "images/greymarker.png"

或者你甚至可以使用

companyMarker.setIcon("images/bluedot.png");

希望这会有所帮助：D

Answer 2

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

另外，因为您使用的是javascript，所以大多数路径都不是相对的。尝试使用绝对网址。例如：

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

Answer 3

谢谢你们的答案:)不幸的是，它更简单。我的JS在我的dvi在DOM中呈现之前正在执行 - 我注意到Chrome上的JS控制台中有一些错误并对其进行了排序。谢谢你们两个!!

谷歌地图api添加自定义图标

3 个答案: