javascript - 如何使用javascript找到图像的经纬度中间点?

标签 javascript image

我有一张 500 x 400 像素的 jpg 图像。我知道在像素:20x20处,它的纬度经度X。我还知道第二个像素:400x100 的纬度为 Y。鉴于此,我如何找出图像中心像素的纬度+经度?我想知道这一点,因为我有一张具有这些尺寸的区域的 map 照片,我想将其显示在 Google map 上。

示例: 假设我有一张 500x400 像素的游乐园 map 照片。 我知道游乐园的景点 1 位于(纬度,经度)X 我知道游乐园的景点2位于(纬度,经度)Y 因为我知道......我想知道图像中心的中纬度经度是多少。这样我就可以“大约”将其绘制在谷歌地图上的正确位置。

最佳答案

我假设这是您正在使用的图像,并且您想要由 X 和 Y 制作的方框中心的 500x400 图像上的坐标?

map

你的变量:

  • C = 中心 -- 这就是您要查找的内容
    • C_{x} = C 的 X 坐标
    • C_{y} = C 的 Y 坐标
  • X = 内框的左上角
    • X_{x} = X 的 X 坐标 -- 20 在您的情况下
    • X_{y} = X 的 Y 坐标 - 在您的情况下为 20
  • Y = 内框右下角
    • Y_{x} = Y 的 X 坐标 -- 400 在您的情况下
    • Y_{y} = Y 的 Y 坐标 - 100 在您的情况下

解决办法:

  • C_{x}
  • C_{y}

基本上,对于 C_{x}C_{y}您找到内盒中各自的中心,并将内盒与父盒的偏移量相加。这有道理吗?

关于javascript - 如何使用javascript找到图像的经纬度中间点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32236658/

相关文章:

css - 在 CSS 灯箱中放大图像

c# - 在 C# 中查找图像中的颜色

html - 带有图像的表格单元格在 IE 中渲染过大

javascript - 同时切换<td>背景颜色和字体颜色

javascript - 如何在javascript中同时输入小数和带有千位分隔符的自动格式?

javascript - 为什么我不能让 jQuery 的 live() 或 load() 工作?

jquery - 如何使用鼠标位置创建移动元素,例如 http ://fieroanimals. com/?

javascript - 当我用 jquery 添加新的 div 时,试图让这些 div 不重置位置

javascript - requestAnimationFrame 的目的是什么?重绘时间没有任何区别

Android 照片在 imageview 中,质量很差