2012-10-23 62 views
0

位奇怪的一个 - 我对我工作的一个网站上创建一个谷歌地图区域联系人页面。所有的工作都很好瞧,等我回去改变今天页面上的更多东西,图标已经完全消失。地图仍然生成并显示正常 - 只有图标丢失。我的img路径仍然正确,没有其他改变。我似乎隐约记得这在原始构建过程中发生,但它可能已经修复了它自己。有没有人遇到类似的事情?谷歌地图API添加自定义图标

我对地图JS就在这里 - 当我故意更改为不存在或不有效VAR地图上不会产生,所以我; M不能完全肯定它是与此代码错误。

任何帮助,将大规模赞赏。谢谢,

<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> 

回答

1

我遇到过这样类似的情况,试图直接改变到的物理路径图标路径

Icon: "images/greymarker.png" 

否则,你甚至可以使用

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

希望这有助于:d

1

我觉得你有浏览器缓存的问题。每次清理缓存以对您进行更改时,都会看到混合版本的更改。

而且,因为你使用JavaScript,大多数路径不是相对的。尝试使用绝对的URL。例如:

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

谢谢你们俩的答案:)不幸的是它更简单。我的JS是执行我的DVI曾在DOM被渲染前 - 我注意到,在Chrome上JS控制台了一些错误,并进行排序的。谢谢你们俩!!