0

有点奇怪 - 我在我正在处理的网站上为联系页面创建了一个谷歌地图区域。一切正常,等等。我今天回去更改页面上的更多内容,图标已完全消失。地图仍然生成并显示正常 - 只是缺少图标。我的 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>
4

3 回答 3

1

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

Icon: "images/greymarker.png"

否则你甚至可以使用

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

希望这会有所帮助:D

于 2012-10-23T10:40:03.440 回答
1

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

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

var companyLogo = new google.maps.MarkerImage('/img/gmap-icon.png', ...);
于 2012-10-23T10:45:28.360 回答
0

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

于 2012-10-23T10:55:16.600 回答