Как отредактировать интерактивную карту?

#1 5 января 2019 в 19:19

Здравствуйте.
Хотел бы использовать этот скрипт datamaps.github.io так всё нормально, но там Крым — часть Украины и использовать такую карту я не смогу. Кто нибудь может подсказать как там вычислить координаты этого участка карты или привязать их к другой стране?

#2 5 января 2019 в 19:21

Весь код в этих файлах:
raw.githubusercontent.com/markmarkoh/datamaps/master/dist/datamaps.world.min.js
cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js
cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js

#3 6 января 2019 в 13:01

Весь код в этих файлах:
raw.githubusercontent.com/markmarkoh/datamaps/master/dist/datamaps.world.min.js
cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js
cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js

Нил™

Вся география в json файлах — github.com/markmarkoh/datamaps/tree/master/src/js/data

Крым присутствует в ukr.json

Сегодня в 05:36

#4 6 января 2019 в 15:43

webtotma, спасибо! Уже легче)
А не в курсе, где оно подключается?
Вывожу тестовый пример подключая три вышеперечисленные файла,

плюс это

{literal}<script>
 
	var basic_choropleth = new Datamap({
  element: document.getElementById("container"),
  projection: 'mercator',
 
 
  fills: {
    defaultFill: "#ccc",
    authorHasTraveledTo: "green",
	mycountry: "#f9603c"
  },
  data: { {/literal}
  {foreach key=tid item=con from=$items}
  {$con.country_key}:{literal} { fillKey: "authorHasTraveledTo" }, {/literal}
  {/foreach}
  {literal}
 
  }
});
</script>
{/literal}

но так и не нашел обращения ещё к каким то ресурсам за данными.

ссылка на файл с данными типа

geographyConfig: {
            dataUrl: '/custom.json'
        },

нигде не указана, но карта работает

#5 10 января 2019 в 17:18

подходим, не стесняемся, соревнуемся в интеллекте, в красноречии…

#6 11 января 2019 в 14:41

По дефолту видимо есть вывод карты мира.

Я не спец, но мне кажется надо начинать отсюда: тыц.

#7 11 января 2019 в 14:55

надо начинать отсюда
webtotma

Здесь по ссылке, если форкнуть, можно увидеть 18 год (а не 17).

#8 11 января 2019 в 15:42

надо начинать отсюда
webtotma
Здесь по ссылке, если форкнуть, можно увидеть 18 год (а не 17).

DeDja

И?

#9 11 января 2019 в 15:44

Может поможет в деле вот это: github.com/logvik/d3_russian_map

Выглядит так: github.com/logvik/d3_russian_map/blob/master/map_assets/russia.json

Украину без Крыма не искал, может тоже есть уже готовая.

#10 11 января 2019 в 15:49

И?
webtotma

У!

#11 11 января 2019 в 16:02

БУ!

#12 11 января 2019 в 18:19

По дефолту видимо есть вывод карты мира.
webtotma

Так точно. Она как раз и нужна, но немного видоизменённая, но непонятно как её править.

По дефолту dataUrl: null
никакие дополнительные скрипты не подключаются, а все страны перечислены в datamaps.world.min.js

Например Россия:

{type:"MultiPolygon",properties:{name:"Russia"},id:"RUS",arcs:[[[516]],[[-503,517,-425]],[[518,519]],[[520]],[[521]],[[522]],[[523]],[[524]],[[525]],[[526,-507,-184,-447,-182,-391,527,-59,-293,528,529,-95,-430,-261,530,-269,-475,531,-520]],[[532]],[[533]],[[534]]]},

Украина

{type:"Polygon",properties:{name:"Ukraine"},id:"UKR",arcs:[[-530,585,-514,-433,-513,-332,-565,-504,-96]]},

Как понимаю, этот набор цифр и описывает координаты и форму той или иной страны на общей карте. SVG файл, как я понял, генерируется скриптом, отсылок к статичным файлам я не смог найти.

И вот (до сих пор) непонятно, как исправить карту при этих исходных.

Карта России и любой другой страны, которые отдельным файлом, она не впишется в эту общую карту мира, если просто посмотреть как там и вставить сюда.

Как то так пока получается.

В любом случае, спасибо за участие)

#13 12 января 2019 в 17:25

подходим, не стесняемся
Нил™

Да всё недосуг (не до них). И снега много — не Мадрид.
Но это лирика, теперь по сабжу.

Скачал по Вашей ссылке datamaps-master.
Могу заметить, что custom.json — есть только в README.md
"Булда" с путями (к примеру в нижнем html ../rel/datamaps.all.js заменить на /dist/datamaps.all.js) не проблема.
Можно детально просмотреть карты (включая Datamaps Italy Test — об этом ниже) и двигаться дальше.

Она как раз и нужна
Нил™

Исходя из сказанного в _http://datamaps-master/src/examples/responsive.html (на локалке) сделал добавки.
И сделал вывод, что здесь возможно только по крупному (для страны).
На скриншотах видна добавка _Nil-tm двум странам.
Сделана она (тупо в FAR) в файле /dist/datamaps.all.js
Можно и на русском яыке, если сменить кодировку скрипта.

Скриншоты

Теперь ближе к Крыму.
Поиск Украины (ukraine) — результат и там и там, и в *.js и в *.json (см. скриншот).

Скриншот

Слово для поиска в datamaps.ukr.js — Sevastopol
Можно будет определиться с идентификаторами, их "резкой", и попытаться
решить задачу уходя с нижнего уровня на более верхний.

Как то так пока получается.
Нил™

Весьма понятно. И думаю, что задача равносильна — из болота тащить бегемота. Дерзайте.

P.S. Можно использовать отдельные карты.

#14 12 января 2019 в 17:54

И думаю, что задача равносильна — из болота тащить бегемота. Дерзайте.
DeDja

Это ещё что, вот на следующем этапе, будем пытаться добавить на ту же карту Доминику, Сент-Люсию, Мартиник, Пуэрто-Рико и Гваделупу (нам без Гваделупы никак нельзя), вот там задача ещё интересней бегемота. Вас приглашать?))

Спасибо за помощь! Попробую разобраться ещё раз с учётом вышеизложенного)

P.S. — в последнее время вижу, что при отправке сообщения на этот форум пост запрос очень долго уходит. При отправке процесс идет и никак не может завершиться. Иногда решается остановкой и нажатием кнопки "отправить" ещё раз, сейчас пришлось пару раз обновить страницу и вставить содержимое поста заново в редактор. Записал на видео, если нужно могу показать) Вряд ли это проблема моего соединения, на других вкладках ничего не висло.

#15 12 января 2019 в 18:44

Вас приглашать?
Нил™

Если только в Гваделупу.
А может лучше Вы к нам в ...

Вряд ли это проблема моего соединения
Нил™

Изредка бывает, но грех жаловаться.
При необходимости можете и не сабжить, а использовать фразу Русифицированный Grub4Dos — и Тук-Тук.
Правда там на форуме реклама очень агрессивна.

Активировать сторонний плагин

Редактор вместо bbcode

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Как отредактировать интерактивную карту?

Похожие темы

Ошибка 404 при редактировании профиля пользователя

Кто подскажет, где отредактировать эти поля?

Отредактировать запись на стене пользоватетеля

Как создать такую карту с описанием и картинками?

[ЕСТЬ РЕШЕНИЕ] Не отображает карту

3000 рублей за монтаж и сборку начальной страницы

InstantCMS Team

О проекте

Поддержка

Дополнения