Поиск местоположения файла в примере кода mapbox

Question

Я пытаюсь скопировать этот пример кода (ссылка ниже) для интерактивной карты США: https://docs.mapbox.com/mapbox.js/example/v1.0.0/choropleth-joined-data-multiple-variables/

Учитывая, что я новичок в HTML и Javascript, проблема, с которой я сталкиваюсь, заключается в том, что я не знаю, где эти два файла должны находиться (или располагаться) (1) us.geojson и (2) censusdata. * 1004 JSON *

В коде эти файлы обозначены как

/ mapbox.js / активы / данные / us.geojson '

и

/ mapbox.js / активы / данные / censusdata.json '

соответственно.

Буду признателен за ваше руководство!

Answer 1

Вы можете скачать два примера файлов с веб-сайта mapbox:

1. https://docs.mapbox.com/mapbox.js/assets/data/us.geojson
2. https://docs.mapbox.com/mapbox.js/assets/data/censusdata.json

Вы можете сохранить пример HTML в той же папке, куда вы скачали файлы. Затем просто обновите два вызова в коде, чтобы указать расположение файлов на вашем компьютере:

$.getJSON('/folder_where_you_downloaded_me/censusdata.json')
.loadURL('/folder_where_you_downloaded_me/us.geojson')

Наконец, вам, скорее всего, придется обслуживать папку, содержащую эти файлы - в противном случае приведенные выше два вызова функций, вероятно, будут жаловаться на Совместное использование ресурсов с несколькими источниками (CORS) .

В терминальной сессии перейдите в каталог с папкой внутри и выполните эту команду:

python -m SimpleHTTPServer

Вы увидите что-то вроде

Serving HTTP on 0.0.0.0 port 8000 ...

Затем посетите http://localhost:8000 (или любой другой порт, на котором он говорит) в своем веб-браузере.

Если у вас нет SimpleHTTPServer, просто Google "обслуживает папку локально" для вашей системы. Вам не нужно использовать SimpleHTTPServer для его работы.

Сообщите нам, если у вас возникнут проблемы с его работой, и удачи в изучении HTML и JS.