Получить гео-координаты из d3-тайла

Question

Получить гео-координаты из d3-тайла

1

Я пытаюсь вернуть гео-координаты [x, y] на карте гео-плитки. Если вы посмотрите в консольном журнале на следующем jsfiddle, вы увидите, что они ошибаются. Я использую функцию projection.invert(), которая, как я полагаю, работает назад от пикселей, чтобы вернуться к геоколям... что я делаю неправильно?

Это бит кода, который пытается захватить координаты:

function mousemoved() {
  console.log(formatLocation(projection.invert(d3.mouse(this)), d3.zoomTransform(this).k));
}

function formatLocation(p, k) {
  var format = d3.format("." + Math.floor(Math.log(k) / 2 - 2) + "f");
  return (p[1] < 0 ? format(-p[1]) + "°S" : format(p[1]) + "°N") + " "
       + (p[0] < 0 ? format(-p[0]) + "°W" : format(p[0]) + "°E");
}

Noobster 16 июнь 2018, в 10:12

Источник

0

Думаю, чувак, который проголосовал за это, знает ответ на вопрос ... :)
Noobster 16 июнь 2018, в 19:04
1

Не отказался от голосования, но мог бы дать ответ на этот вопрос (я считаю, что проекция d3-плитки немного обходит, инвертирование, вероятно, также потребует некоторого разбега).
Andrew Reid 16 июнь 2018, в 19:37
0

Привет Андрей. Я боролся с проекцией на D3 Tiles. Я поднял еще один вопрос, который похож на здесь: stackoverflow.com/questions/50891330/…
Noobster 16 июнь 2018, в 20:03

Показать ещё 1 комментарий

Теги:

javascript

d3.js

1 ответ

Ещё вопросы

Думаю, чувак, который проголосовал за это, знает ответ на вопрос ... :)
Не отказался от голосования, но мог бы дать ответ на этот вопрос (я считаю, что проекция d3-плитки немного обходит, инвертирование, вероятно, также потребует некоторого разбега).
Привет Андрей. Я боролся с проекцией на D3 Tiles. Я поднял еще один вопрос, который похож на здесь: stackoverflow.com/questions/50891330/…

Andrew Reid · Accepted Answer · 2018-06-16T18-57-00.000Z

Примеры D3-плитки (и ваша скрипка), о которых я знаю (в том числе большинство примеров в документации d3-плитки), обычно используют масштаб проекции 1/tau (и значения перевода не переводятся), которые будут рисовать землю внутри пространство одного пикселя.

var projection = d3.geoMercator()
    .scale(1 / tau)
    .translate([0, 0]);

В то время как проекция преобразует 3-мерные пары широты/долготы в декартовы координаты, d3-zoom делает все масштабирование и перевод, чтобы заполнить размеры карты. Этот масштаб следует учитывать при обращении координат мыши к длине/латам.

Поэтому, чтобы получить пары широты/долготы точки на svg, нам нужно отступить. Сначала нам нужно получить координату мыши, если мы хотим инвертировать масштаб, а затем мы можем инвертировать проекцию:

var transform = d3.zoomTransform(svg.node()); // get the current zoom
var xy = transform.invert(d3.mouse(this));    
var longlat = projection.invert(xy);

(См. Также, этот ответ на transform.invert())

Здесь обновленная скрипка.

Спасибо Андрей - это очень полный ответ. Я вижу, что это также было предметом обсуждения здесь github.com/d3/d3-plugins/issues/37 и что другие люди пытаются понять, как работает проекция в тайлах d3.