将 kml 链接到 Google Maps Javascript API 不起作用

Question

我正在尝试使用大头针创建地图，最终会有数百个大头针，但现在我只尝试了几个大头针，但我无法让它工作。我尝试了很多不同的链接方式，但没有一个显示出来。

我认为问题可能是我使用自己的服务器的 URL，我需要一个不同的吗？

我已尝试将 kml 放在 GitHub 上并使用该 URL，但这也不起作用。

     var kml_map = new google.maps.Map(document.getElementById('map_div'), mapOptions); 
  var kml_layer = new google.maps.KmlLayer({
          preserveViewport: true,
         url: 'http://zaguan.upc.es/web/movilidad/vitrina/map/etsab.kml'
   }); 
  kml_layer.setMap(kml_map);

    //map.data.loadGeoJson('http://zaguan.upc.es/web/movilidad/vitrina/map/data.json');
    //var ctaLayer = new google.maps.KmlLayer({
    //url: 'http://zaguan.upc.es/web/movilidad/vitrina/map/etsab.kml'
    //});
    //ctaLayer.setMap(map);

    //google.maps.event.addListener(kmlLayer, "status_changed", function() {
 //  document.getElementById('kmlstatus').innerHTML = "Kml Status:"+kmlLayer.getStatus();
// });
    //var ctaLayer = new google.maps.KmlLayer({
        //url: 'http://zaguan.upc.es/web/movilidad/vitrina/map/etsab.kml',
       // map: map
     // });

     //var layer = new google.maps.KmlLayer(kmlPath + '?' + urlSuffix );
    //layer.setMap(map);

        //var ctaLayer = new google.maps.KmlLayer({
        //url: 'http://zaguan.upc.es/web/movilidad/vitrina/map/etsab.kml'
        //});
    //ctaLayer.setMap(map);

我确定 kml 可以正常工作，因为我可以在 Google 地球上打开它，我会看到图钉。

这是我正在使用的 kml：

<?xml version='1.0' encoding='UTF-8'?>
<kml xmlns='http://www.opengis.net/kml/2.2'>
    <Document>
        <name>Mobilitat ETSAB</name>
        <description><![CDATA[Programa de mobilitat ETSAB curs 2013/14]]></description>
        <Folder>
            <name>Etsab Mobilitat</name>
            <Placemark>
                <name>EtsaB</name>
                <styleUrl>#icon-123-nodesc</styleUrl>
                <Point>
                    <coordinates>2.1140388999999686,41.38406519999999,0.0</coordinates>
                </Point>
            </Placemark>
            <Placemark>
                <name>Technische Universität Berlin Institut für Architektur</name>
                <styleUrl>#icon-123-nodesc</styleUrl>
                <Point>
                    <coordinates>13.323496299999988,52.51379379999999,0.0</coordinates>
                </Point>
            </Placemark>
            <Placemark>
                <name>Technische Universität Darmstadt Fachbereich Architektur</name>
                <styleUrl>#icon-123-nodesc</styleUrl>
                <Point>
                    <coordinates>8.676702699999964,49.861146500000004,0.0</coordinates>
                </Point>
            </Placemark>
            <Placemark>
                <name>Leibniz Universität Hannover - Fakultät für Architektur und Landschaft</name>
                <styleUrl>#icon-123-nodesc</styleUrl>
                <Point>
                    <coordinates>9.695992,52.393044,0.0</coordinates>
                </Point>
            </Placemark>
        </Folder>

        <Style id='icon-123-nodesc-normal'>
            <IconStyle>
                <scale>1.1</scale>
                <Icon>
                    <href>http://www.gstatic.com/mapspro/images/stock/123-red-dot.png</href>
                </Icon>
                <hotSpot x='16' y='31' xunits='pixels' yunits='insetPixels'>
                </hotSpot>
            </IconStyle>
            <LabelStyle>
                <scale>0.0</scale>
            </LabelStyle>
            <BalloonStyle>
                <text><![CDATA[<h3>$[name]</h3>]]></text>
            </BalloonStyle>
        </Style>

    </Document>

</kml>

Answer 1

问题是我使用了错误的服务器。谢谢莫勒博士！