javascript - geoxml3:如何加载自定义图标

Question

我需要将自定义 kml 文件加载到 Google map 中，相应资源的代码几乎没有变化:

function initialize() {
var myLatlng = new google.maps.LatLng(39.397, -100.644);
  var myOptions = {
    zoom: 5,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

  var geoXml = new geoXML3.parser({map: map, processStyles: true});
  geoXml.parse('test.kml');
};

.kml 直接来自谷歌地图，有一堆标记，都带有自定义图标，例如:

<Style id="sn_1">
    <IconStyle>
        <scale>1.1</scale>
        <Icon>
            <href>http://maps.google.com/mapfiles/kml/paddle/Z.png</href>
        </Icon>
        <hotSpot x="32" y="1" xunits="pixels" yunits="pixels"/>
    </IconStyle>
    <ListStyle>
        <ItemIcon>
            <href>http://maps.google.com/mapfiles/kml/paddle/Z-lv.png</href>
        </ItemIcon>
    </ListStyle>
</Style>

其他图标定义为(现有的)本地路径，如:

<Icon>
<href>img/marker/5.png</href>
</Icon>

然而，虽然 map 显示得很好，但没有加载任何图标，相反我只获得了默认的 Google map 图标。对此的任何帮助将不胜感激，因为我的 JavaScript 知识非常有限，而且我觉得我正处于一个更令人头疼的地步，我无处可去......

干杯:)

Answer 1

grigno 提供的答案对我来说效果很好，但是 KML 文件中的所有标记都必须具有这样的样式，或者检查 placemark.style.icon 是否在 passign 之前未定义功能:

<Document>
<name>myKml.kml</name>
<Style id="My_Style">
    <IconStyle> 
        <Icon> 
            <href>office-building.png</href>
        </Icon>
    </IconStyle>
</Style>

在地标部分:

<Placemark>
   <name><![CDATA[iMEX0011]]></name>
   <description><![CDATA[MARKER TITLE]]></description>
   <styleUrl>#My_Style</styleUrl> 
   <Point>
       <coordinates>-99.2232472,25.4413972,0</coordinates>
   </Point>
</Placemark>