Добавить источник GeoJson в Mapbox GL JS для создания круговой диаграммы - PullRequest
Новая
       47

Добавить источник GeoJson в Mapbox GL JS для создания круговой диаграммы

0 голосов
/ 22 апреля 2019

Я очень плохо знаком с MapBox и JavaScript / html, я строю карту преступлений в Вашингтоне, округ Колумбия, с большим набором данных за 10 лет, который находится в моей локальной системе. Файл слишком большой (примерно 45 МБ) для размещения на MapBox (ограничение файла 5 МБ). Я пробовал страницы Github и не могу заставить это работать. Мне нужен мой java-скрипт для доступа к набору данных и создания круговых диаграмм с использованием нескольких атрибутов в наборе.

Я пробовал много разных способов получить доступ к данным, разместить их на страницах github, а затем передать URL в функцию add source mapbox. Я так и не смог найти правильный способ сделать это. Я пытался получить доступ к файлу, используя локальный путь к нему, но я также не могу найти правильный способ сделать это. Кроме того, я попытался использовать подмножество данных, просто оберегать 3 данные, загрузить их в наборы данных mapbox и попытаться получить к ним доступ таким образом, и я получил сообщение о блокировке из-за ошибки политики.

это моя последняя попытка доступа к файлу, который я загрузил в mapbox. это возвращает следующую ошибку. Я хочу добавить источник, а затем создать кластер для каждого типа атрибута политик Shift. Не уверен, что так будет правильно, но сейчас я не могу правильно загрузить данные, поэтому мне нужно сначала преодолеть это препятствие.

ОШИБКА Доступ к выборке на «https://studio.mapbox.com/datasets/benpdoiron/cjuo3a0wha6knu9q7t9ze5gvc/' из источника 'null' был заблокирован политикой CORS: Нет Заголовок «Access-Control-Allow-Origin» присутствует в запрошенном ресурс. Если непрозрачный ответ удовлетворяет вашим потребностям, установите запрос режим 'no-cors' для извлечения ресурса с отключенным CORS.

КОД SNIPPET 

var url="https://studio.mapbox.com/datasets/benpdoiron/cjuo3a0wha6knu9q7t9ze5gvc/";

map.on('load', function () {
    map.addSource('Pie_Chart1', {
        type: 'geojson',
        data: url,
        cluster: true,
        clusterProperties: { 
        day: ["+", ["get", 'DAY']],
        evening: ["+", ["get", 'EVENING']],
        midnight: ["+", ["get", 'MIDNIGHT']]

        }

Ожидаемый результат - данные загружаются, и я могу создавать функции и слои, используя их атрибуты и информацию. В идеале я думаю, что размещение всего набора данных, примерно 45 МБ, на страницах GitHub и доступ к нему был бы способом, но я не могу понять, как правильно передать файл mapbox добавить источник

...