Невозможно отобразить файл KML на карте Google

Мой код карты Google

var myOptions = {
    center: {lat: 55.864237, lng: -4.251806},
    zoom: 16,
    mapTypeId: google.maps.MapTypeId.SATELLITE
};

var map1 = new google.maps.Map(document.getElementById("map"), myOptions);

var geoXml = new geoXML3.parser({
    map: map1
});
var source = 'https://developers.google.com/kml/documentation/KML_Samples.kml';

geoXml.parse(source);

И ошибка, которую я получаю, выглядит следующим образом:

Не удалось загрузить https://developers.google.com/kml/documentation/KML_Samples.kml: для запрошенного ресурса отсутствует заголовок «Access-Control-Allow-Origin». Следовательно, к источнику 'http: // локальный: 8080' доступ не разрешен.

Ошибка синтаксического анализа XML Невозможно получить https://developers.google.com/kml/documentation/KML_Samples.kml

Кто-нибудь знает, как я могу решить эту проблему?

Попробуйте скачать файл kml и загрузить его локально на свою страницу. Ошибка, которую вы получаете, связана с ограничением безопасности, когда Google блокирует вам загрузку ресурсов, находящихся на их сервере. CORS

Tom 09.09.2018 16:43
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
356
1

Ответы 1

GeoXml3 использует объект XmlHttpRequest браузера, который подчиняется та же политика происхождения. Вы не можете получить доступ к https://developers.google.com из http://localhost:8080 (другого происхождения).

Чтобы использовать GeoXml3, либо скопируйте этот файл на свой сервер и получите доступ к нему через относительный URL-адрес, либо получите доступ к нему через прокси на http://localhost:8080.

пример загрузки этого URL через прокси

пример с использованием свойства proxy GeoXml3

Другой вариант - использовать Google Maps Javascript API v3 KmlLayer, который обращается к KML с серверов Google и не подчиняется той же политике происхождения.

На самом деле я сначала попробовал KML Layer и столкнулся со следующей проблемой. 1. Я загрузил свой файл kml в Dropbox. И я успешно визуализирую этот файл kml на карте Google. Но на карте не отображалась цветовая схема и многоугольники с разными цветами. Он просто показывал полилинии. Я узнал об этой проблеме, когда загрузил этот файл в онлайн-программу просмотра KML (ivanrublev.me/kml). Ссылка моего kml - dropbox.com/s/5fj8cns3nglcrcn/TRACKMAP.kml?dl=1 Вот почему я пробовал другим способом.

Paul 09.09.2018 20:20

KML не "мой", это от Google (в вопросе OP). Многоугольники в примерах залиты цветом. Присмотритесь к определениям стиля.

geocodezip 10.09.2018 19:53

Другие вопросы по теме