JavaScript — геочарт в d3.js

геокарта в d3.js

Вы ищете карту хороплета? Вот недавний пример из 28 строк кода .

В этом примере используется проекция по умолчанию, d3.geo.albersUsa , которая является составной проекцией для Соединенных Штатов, включая Аляску, Гавайи и Пуэрто-Рико. Если вы хотите изменить видимую область, вы, вероятно, также хотите изменить проекцию; d3.geo.albers хорош для карт с хороплетом, потому что он равен по площади. Проекция Альберса позволяет вам установить начало координат, чтобы вы могли сфокусироваться на определенной части глобала, а все проекции позволяют вам указывать масштаб и переводить для размещения карты на экране.

Если вы хотите отобразить карту мира, я бы также посмотрел на текущую разработку плагина расширенных проекций . Это добавляет ряд полезных картографических проекций, особенно для карт мира, таких как Winkel Tripel . Следующая версия D3 также будет включать в себя несколько новых захватывающих функций, таких как трехмерное вращение для любой проекции (включая резку по антеридриану; попробуйте перетащить этот пример ), адаптивную повторную выборку и улучшенное отсечение.

Что касается раскрашивания хороплета, вы, конечно, можете раскрасить географические объекты по своему усмотрению, переопределив стиль «заливка» как функцию данных.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector