Как исправить вид Чукотки на карте России?

Question

[Александр Логинов-Солоницын]

Всем доброго времени суток.
Я делаю определенную статистику по регионам нашей родины.
Карту в виде geojson взял отсюда - overpass-turbo.eu/. Карту строю на leaflet.js
Но столкнулся с проблемой - Чукотка на карте как-то странно отображается.

Хотелось бы, чтобы границы были как вот на этой карте - https://github.com/zarkzork/russia-topojson/blob/m... (саму эту карту использовать не могу, данные на ней устарели).

Буду рад любому совету, даже пинку, так как в делах с картами я полный ноль =)
спасибо!

Comments

[Эдуард]

Каким запросом вы получаете данные из Overpass?
И вопрос выглядит неполным без скриншота Чукотки, которая "как-то странно отображается" :)

[Александр Логинов-Солоницын]

Эдуард: Да, спасибо, забыл вставить свою демку. Запрос вот такой - https://jsfiddle.net/login2030/7qcyzusb/

[Александр Логинов-Солоницын]

Эдуард: novostiva.ru/TEST/map_ru/3ru-topo.json.html

[Александр Логинов-Солоницын]

Neoline: Ну вот тут вот есть)

Answer 1

[Эдуард]

Возможные проблемы (список не исчерпывающий):

• Проблема в ПО
  А Вы не пробовали показывать GeoJSON встроенными средствами Leaflet?
  leafletjs.com/examples/geojson.html
  
• Проблема в данных
  Попробуйте скачать границы с https://osm.wno-edv-service.de/boundaries/ Там внизу можно выбрать формат и отметить, будет ли пролегать граница по берегу или включать полосу моря вдоль берега. Единственное, для использования этого сервиса нужно иметь аккаунт на openstreetmap.org (регистрация совсем не сложная) и залогиниться с его помощью по кнопке "Enable OAuth" вверху справа.
  И на будущее, если будете обновлять у себя границы, лучше качать оттуда, а не с Overpass.
  

Comments

[Александр Логинов-Солоницын]

1) Заказчику важно чтобы формат данных был topojson. Поэтому нет, не пробовал. Вообще карта России это 3 с половиной миллиона строк координат. У меня редактор начинает дико глючить, когда я этот файл открываю.
2) За сервис спасибо. Но не нашел как там разбить страну на области...

[Александр Логинов-Солоницын]

2) Все, извиняюсь! Нашел. Спасибо еще раз за сервис))) Если все получится, с помощью рекомендованного Вами сервиса, то это будет просто здорово!

[Александр Логинов-Солоницын]

Нет, все равно проблема осталась... видимо дело не в данных. Значит нужно копать в сторону leaflet.

[Эдуард]

Александр Логинов-Солоницын: с TopoJSON я никогда не работал, поэтому тут вряд ли смогу помочь.
Но, может быть, дело в конвертере GeoJSON -> TopoJSON?..

[Александр Логинов-Солоницын]

Эдуард: Видимо да, по тому что я сейчас сделал карту просто на geoJson и там все нормально отображается. TopoJson он просто уменьшает размер файла, за счет оптимизации координат. Вот конвертер которым я пользуюсь https://www.npmjs.com/package/topojson. Команда вот такая "$ topojson -p -o new-ru.topo.json -- new-ru.geo.json". Сегодня целый день эксперементирую. Это новая для меня область.

[Эдуард]

Александр Логинов-Солоницын: если у вас много свободного времени и хотите ещё поэкспериментировать, можете загрузить GeoJSON-файлик на geojson.io и скачать как TopoJSON (Save -> TopoJSON).

[Александр Логинов-Солоницын]

Эдуард: Да, спасибо Вам, буду дальше пробовать добиться нормального отображения.

[Александр Логинов-Солоницын]

Эдуард: В общем ничего не помогает. Этот косяк так и остается. Видимо не дойду я в чем там дело. Придется пока остановить выбор на простом geojsone.

[Эдуард]

Александр Логинов-Солоницын: увы, у меня тоже закончились идеи, почему оно не работает.

[Александр Логинов-Солоницын]

Эдуард: спасибо вам большое) столько сервисов новых узнал от Вас)))

Answer 2

[Александр Логинов-Солоницын]

В общем все оказалось просто. Для получения изначального geojson используйте сервис, которые посоветовал Эдуард Эдуард. А для конвертации используйте https://www.npmjs.com/package/topojson , там в доках есть раздел - https://github.com/mbostock/topojson/wiki/Command-... , почитайте его, внимательно! У меня получилась вот такая команда:

$ topojson -o ru.topo.json  ru.geo.json --no-stitch-poles -p

Может это кому пригодится. Чтобы не убивали зря время. По тому что карта России в geojson весит почти 70 Мб - примерно 3 миллиона строк, даже если её прогнать минификатором (галп трудился аж 15 минут), то на выходе получите файл размером примерно 20Мб. Да он будет грузиться у человека вечность! Это ни в какие ворота не лезет! При том, что TopoJson с теми же данными у меня вышел 1.15Мб. Так что выбор очевиден и день прожит не зря!

Comments

[Эдуард]

Мои искренние поздравления и респект!

[Александр Логинов-Солоницын]

Эдуард: Спасибо. Без Ваших подсказок наврятли бы что-то получилось)

[freeExec]

Куда большей "компрессии" можно добиться генерализировав границы. Ведь на таком масштабе врят ли есть смысл от поворотных точек каждые 100 метров.

[Александр Логинов-Солоницын]

freeExec: было бы неплохо дать пару ссылок на рекомендуемые Вами ресурсы =)