мой KML-файл не работает над кодом Javascript

Когда я пытаюсь добавить файл myFile.kml, который я экспортировал с Google Maps, он не покажет никакого пути к моей карте, а пример из google 'http://googlemaps.github.io/js-v2-samples/ggeoxml/cta.kml' отлично работает? Любая идея о том, что мне здесь не хватает.мой KML-файл не работает над кодом Javascript

Это мой HTML-код:

<!DOCTYPE html> 
<html lang="en" > 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <style type="text/css"> 
     html, body { 
      height: 100%; 
      margin: 0; 
      padding: 0; 
     } 
     #map { 
      height:100% 
     } 
    </style> 
</head> 
<body > 


    <div id="map"></div> 

<script src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initMap"></script> 
<script src="script.js"></script> 
</body> 
</html>

И мой JS код:

var map; 
    function initMap() { 
     map = new google.maps.Map(document.getElementById('map'), { 
      center: {lat: 42.658324, lng: 21.163883}, 
      zoom: 10 
     }); 
     var ctaLayer = new google.maps.KmlLayer({ 
      url: 'myFile.kml', 
      map: map 
     }); 

}

источник

2015-09-02 Ylli Gashi

Вы пытаетесь получить доступ к своему файлу с localhost? –

Кажется, вы пытаетесь загрузить KML-файл с локального или локальной файловой системы.

Если да, то в основном у вас есть два варианта:

Поместите KML файл на общедоступном сервере где Google сервер может добраться, так как разбор KML и рендеринг осуществляется серверов Google
использовать geoxml3 library, который позволяет загрузить KML-файл и синтаксического анализа размещенного на локальном хосте (смотрите ниже пример)

Пример

В этом примере показано, как загружать и анализировать KML файл с локального хоста с помощью geoxml3 library:

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


    var myParser = new geoXML3.parser({ map: map }); 
    myParser.parse('cta.kml'); 
}

В HTML файл добавить ссылку на geoxml3 library, например:

<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"></script>

Plunker

источник

2015-09-02 08:47:41

Я использовал второй вариант, который отлично работал. благодаря –

мой KML-файл не работает над кодом Javascript

ответ

Смежные вопросы