GoogleMaps Javascript APIでKMLが表示されない

-1

GoogleMaps Javascript APIを使用して自分のサイトにKMLを表示しようとしています。 KMLがでホストされている：https://sites.google.com/a/consultwilliams.com/kml/files GoogleMaps Javascript APIでKMLが表示されない

私はコードが表示さにマップを使用しますが、KMLを取得しません：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0"> 
    <meta charset="utf-8"> 
    <title>KML Layers</title> 
    <style> 
     html, body { 
     height: 100%; 
     margin: 0; 
     padding: 0; 
     } 
     #map { 
     height: 100%; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="map"></div> 
    <script> 

    function initMap() { 
     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 6, 
      center: {lat: 41.876, lng: -87.624} 
     }); 

     var ctaLayer = new google.maps.KmlLayer({ 
      url:'https://sites.google.com/a/consultwilliams.com/kml/files/MILWAUKEE.KML', 
      map: map 
     }); 
     } 

    </script> 
    <script async defer 
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyChJk7GigtgPqgEuKI2Ps7O9ApfTr9PROc&callback=initMap"> 
    </script> 
    </body> 
</html>

出典

2016-07-14 Consult Williams

KmlLayerによって返されるステータスは '働いDOCUMENT_NOT_FOUND' – geocodezip

をファイルのURLが正しくありません。 KmlLayerによって返されるステータスはDOCUMENT_NOT_FOUNDです。これは私の作品：

https://sites.google.com/a/consultwilliams.com/kml/files/Milwaukee.kml?attredirects=0&d=1'

コードスニペット：

function initMap() { 
 
    var map = new google.maps.Map(document.getElementById('map'), { 
 
    zoom: 6, 
 
    center: { 
 
     lat: 41.876, 
 
     lng: -87.624 
 
    } 
 
    }); 
 

 
    var ctaLayer = new google.maps.KmlLayer({ 
 
    // url:'https://sites.google.com/a/consultwilliams.com/kml/files/MILWAUKEE.KML', 
 
    url: 'https://sites.google.com/a/consultwilliams.com/kml/files/Milwaukee.kml?attredirects=0&d=1', 
 
    map: map 
 
    }); 
 
    google.maps.event.addListener(ctaLayer, 'status_changed', function() { 
 
    document.getElementById('status').innerHTML = ctaLayer.getStatus(); 
 
    }) 
 
} 
 

 
google.maps.event.addDomListener(window, "load", initMap);

html, 
 
body { 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
#map { 
 
    height: 100%; 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="status"></div> 
 
<div id="map"></div>

出典

2016-07-14 18:49:15 geocodezip

です！ダウンロードするURLが設定されていないことがわかりました。本当にありがとう！ –

GoogleMaps Javascript APIでKMLが表示されない

答えて

関連する問題