Это в основном более логическая и арифметическая проблема, чем чистое программирование: у меня есть чертеж SVG на моей веб-странице (карта Франции), где я хочу разместить синюю точку как вложенный SVG.Точка представляет собой <circle r="10.7"/>.
Синяя точка представляет место, для которого у меня есть координаты широты и долготы.
Я знаю, что центр карты имеет следующие координаты SVG:
<circle cx="103.5" cy="103.5"> // outer circle
Поэтому тег SVG с синей точкой позиционируется следующим образом:
<svg x="92.8" y="92.8"> // blue dot svg tag
Эти значения рассчитываются следующим образом: 103.5 - 10.7 = 92.8, которые являются центром карты минусрадиус синей точки.Так что он идеально отцентрирован так:
Я примерно получил координаты широты и долготы центра Франции благодаря одному из нескольких веб-сайтовкоторые позволяют эту операцию.Это:
Latitude : 46.561941
Longitude : 2.468983
Итак, я знаю, что
46.561941 = 92.8
2.468983 = 92.8
Поэтому мне было интересно получить некоторую помощь для расчета соответствия между этими двумя значениями, которые позволили бы мне позиционироватьсиняя точка везде, где мне нужно, учитывая новые координаты широты и долготы.
Я чувствую, что простого правила 3 будет недостаточно (я уже попробовал).Кроме того, мне нужно принять во внимание радиус круга 10.7.
Какими будут новые значения позиционирования x и y SVG, скажем, для этих новых координат?
Latitude : 43.227284
Longitude : 3.243921
Кроме того, весь видовой экран SVG равен (207, 207), а внешний тег SVG имеет width="90px" и height="90px".
Спасибо!