Проблема с маршрутом Highmaps svg - данные не поступают в определенные округа на карте США

#svg #highcharts

Вопрос:

Я создал приложение, используя Highmaps.js , но я продолжаю получать следующее сообщение об ошибке:

«Ошибка: недопустимое значение для …» затем он выдает кучу координат пути, которые я не уверен, как исправить.

Результатом этой ошибки является то, что ни одна из данных для штатов Флорида, Делавэр или Коннектикут не отображается. Я предполагаю, что это даже не было перенесено на карту, поскольку это происходит при наведении курсора мыши на эти штаты.

Нужно ли создавать новый svg? Могу ли я отредактировать старый путь или как-то исправить текущий?

Любые советы будут высоко оценены!

Вот прототип сайта:

www.graysonmendenhall.com/PAN2014

Ответ №1:

У вас есть некоторые несоответствия имен между путями SVG вашей карты и вашими данными. Например, на вашей карте у вас будет:

 {
    "name": "Levy County, FL",
    "path": "M2393,1490L2409,1493L2412,1511L2404,1513L2406,1524L2406,1524L2405,1525L2401,1527L2397,1527L2396,1527L2395,1527L2394,1528L2393,1529L2393,1530L2393,1527L2392,1526L2389,1520L2387,1519L2365,1513L2370,1509L2373,1504L2374,1499L2376,1490L2393,1490"
},

Но в данных это:

 {
    name: "Levy, FL" // No County!!
    value: 3218
}

1. Спасибо, что уловили это! Я прочесаю данные и исправлю эти имена

2. Хорошо, я просмотрел данные и убедился, что названия Флориды, Делавэра и Коннектикута совпадают. Но теперь в этих штатах отображаются только данные за 1987 год, в то время как в других пяти наборах данных по-прежнему отсутствуют данные этих штатов. Есть идеи по этому поводу?

3. Вы изменили имена в SVG-путях или данных? Если в данных вы обновляли json каждого года? Вы уверены, что ваш браузер не кэширует более старый файл?

4. Я оставил имена только в путях svg и просто менял файл json каждого года. И мой браузер фактически кэшировал все остальные файлы json, кроме того, который он изначально загружает при загрузке сайта. Теперь это отлично работает! Большое спасибо за вашу помощь!!!