blocks|key|246795|text|我假设这是您正在处理的图像，您想要在由X和Y制作的盒子中心的500x400图像上的坐标吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|246796|​|246797|📷|atomic|offset|length|246798|246799|你的变量：|246800|C+=中心--+，这就是你要找的+|unordered-list-item|style|CODE|BOLD|246801|246802|246803|246804|=C的X坐标|246805|-+​|code-block|syntax|javascript|246806|246807|=C的Y坐标|246808|246809|X+=内框的左上角|246810|246811|246812|246813|=X-+20在您的情况下的X坐标|246814|-+​|246815|246816|=X-+20在您的情况下的Y坐标|246817|246818|Y+=内框的右下角|246819|246820|246821|246822|=Y-+400在您的情况下的X坐标|246823|-+​|246824|246825|=Y-+100在您的情况下的Y坐标|246826|246827|解决办法：|246828|246829|246830|246831|246832|246833|246834|基本上，因为|246835|246836|和|246837|246838|在内部框中找到各自的中心，并将内部框所具有的偏移量添加到父框中。这有意义吗？|246839|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/117275c6064c91141ed02674e68ff829.jpg|imageAlt|1|https://chart.googleapis.com/chart?cht=tx&chl=C_%257Bx%257D|2|https://chart.googleapis.com/chart?cht=tx&chl=C_%257By%257D|3|https://chart.googleapis.com/chart?cht=tx&chl=X_%257Bx%257D|4|https://chart.googleapis.com/chart?cht=tx&chl=X_%257By%257D|5|https://chart.googleapis.com/chart?cht=tx&chl=Y_%257Bx%257D|6|https://chart.googleapis.com/chart?cht=tx&chl=Y_%257By%257D|7|https://chart.googleapis.com/chart?cht=tx&chl=C_%257Bx%257D%2520%253D%2520%255Cfrac%257BY_%257Bx%257D%2520-%2520X_%257Bx%257D%257D%257B2%257D%2520%252B%2520X_%257Bx%257D%2520%253D%2520%255Cfrac%257B400%2520-%252020%257D%257B2%257D%2520%252B%252020%2520%253D%2520210|8|https://chart.googleapis.com/chart?cht=tx&chl=C_%257By%257D%2520%253D%2520%255Cfrac%257BY_%257By%257D%2520-%2520X_%257By%257D%257D%257B2%257D%2520%252B%2520X_%257By%257D%2520%253D%2520%255Cfrac%257B100%2520-%252020%257D%257B2%257D%2520%252B%252020%2520%253D%252060|9|https://chart.googleapis.com/chart?cht=tx&chl=C_%257Bx%257D|10|https://chart.googleapis.com/chart?cht=tx&chl=C_%257By%257D^0|0|0|0|1|0|0|0|0|0|1|8|8|1|1|0|0|1|1|0|0|0|0|1|2|0|0|0|0|1|1|1|0|0|1|3|0|4|2|0|0|0|1|4|0|4|2|0|0|0|1|1|1|0|0|1|5|0|4|3|0|0|0|1|6|0|4|3|0|0|0|0|0|1|7|0|0|0|0|1|8|0|0|0|0|1|9|0|0|0|1|A|0|0^^$0|@$1|2|3|4|5|6|7|34|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|35|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|36|8|@]|9|@$G|37|H|38|1|39]]|A|$]]|$1|I|3|C|5|6|7|3A|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|3B|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|3C|8|@$G|3D|H|3E|O|P]|$G|3F|H|3G|O|Q]]|9|@]|A|$]]|$1|R|3|C|5|N|7|3H|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|3I|8|@]|9|@]|A|$]]|$1|T|3|E|5|F|7|3J|8|@]|9|@$G|3K|H|3L|1|3M]]|A|$]]|$1|U|3|V|5|6|7|3N|8|@]|9|@]|A|$]]|$1|W|3|X|5|Y|7|3O|8|@]|9|@]|A|$Z|10]]|$1|11|3|E|5|F|7|3P|8|@]|9|@$G|3Q|H|3R|1|3S]]|A|$]]|$1|12|3|13|5|6|7|3T|8|@]|9|@]|A|$]]|$1|14|3|C|5|6|7|3U|8|@]|9|@]|A|$]]|$1|15|3|16|5|N|7|3V|8|@$G|3W|H|3X|O|P]]|9|@]|A|$]]|$1|17|3|C|5|N|7|3Y|8|@]|9|@]|A|$]]|$1|18|3|-4|5|6|7|3Z|8|@]|9|@]|A|$]]|$1|19|3|E|5|F|7|40|8|@]|9|@$G|41|H|42|1|43]]|A|$]]|$1|1A|3|1B|5|6|7|44|8|@$G|45|H|46|O|P]]|9|@]|A|$]]|$1|1C|3|1D|5|Y|7|47|8|@]|9|@]|A|$Z|10]]|$1|1E|3|E|5|F|7|48|8|@]|9|@$G|49|H|4A|1|4B]]|A|$]]|$1|1F|3|1G|5|6|7|4C|8|@$G|4D|H|4E|O|P]]|9|@]|A|$]]|$1|1H|3|C|5|6|7|4F|8|@]|9|@]|A|$]]|$1|1I|3|1J|5|N|7|4G|8|@$G|4H|H|4I|O|P]]|9|@]|A|$]]|$1|1K|3|C|5|N|7|4J|8|@]|9|@]|A|$]]|$1|1L|3|-4|5|6|7|4K|8|@]|9|@]|A|$]]|$1|1M|3|E|5|F|7|4L|8|@]|9|@$G|4M|H|4N|1|4O]]|A|$]]|$1|1N|3|1O|5|6|7|4P|8|@$G|4Q|H|4R|O|P]]|9|@]|A|$]]|$1|1P|3|1Q|5|Y|7|4S|8|@]|9|@]|A|$Z|10]]|$1|1R|3|E|5|F|7|4T|8|@]|9|@$G|4U|H|4V|1|4W]]|A|$]]|$1|1S|3|1T|5|6|7|4X|8|@$G|4Y|H|4Z|O|P]]|9|@]|A|$]]|$1|1U|3|C|5|6|7|50|8|@]|9|@]|A|$]]|$1|1V|3|1W|5|6|7|51|8|@]|9|@]|A|$]]|$1|1X|3|C|5|N|7|52|8|@]|9|@]|A|$]]|$1|1Y|3|E|5|F|7|53|8|@]|9|@$G|54|H|55|1|56]]|A|$]]|$1|1Z|3|C|5|6|7|57|8|@]|9|@]|A|$]]|$1|20|3|C|5|N|7|58|8|@]|9|@]|A|$]]|$1|21|3|E|5|F|7|59|8|@]|9|@$G|5A|H|5B|1|5C]]|A|$]]|$1|22|3|C|5|6|7|5D|8|@]|9|@]|A|$]]|$1|23|3|24|5|6|7|5E|8|@]|9|@]|A|$]]|$1|25|3|E|5|F|7|5F|8|@]|9|@$G|5G|H|5H|1|5I]]|A|$]]|$1|26|3|27|5|6|7|5J|8|@]|9|@]|A|$]]|$1|28|3|E|5|F|7|5K|8|@]|9|@$G|5L|H|5M|1|5N]]|A|$]]|$1|29|3|2A|5|6|7|5O|8|@]|9|@]|A|$]]|$1|2B|3|-4|5|6|7|5P|8|@]|9|@]|A|$]]]|2C|$2D|$5|2E|2F|2G|A|$2H|2I|2J|-4]]|2K|$5|2E|2F|2G|A|$2H|2L|2J|-4]]|2M|$5|2E|2F|2G|A|$2H|2N|2J|-4]]|2O|$5|2E|2F|2G|A|$2H|2P|2J|-4]]|2Q|$5|2E|2F|2G|A|$2H|2R|2J|-4]]|2S|$5|2E|2F|2G|A|$2H|2T|2J|-4]]|2U|$5|2E|2F|2G|A|$2H|2V|2J|-4]]|2W|$5|2E|2F|2G|A|$2H|2X|2J|-4]]|2Y|$5|2E|2F|2G|A|$2H|2Z|2J|-4]]|30|$5|2E|2F|2G|A|$2H|31|2J|-4]]|32|$5|2E|2F|2G|A|$2H|33|2J|-4]]]]

I assume this is the image you're working with and you want the coordinates on the 500x400 image of the center of the box box made by X and Y?

<img src="https://i.stack.imgur.com/PSRbj.jpg" alt="map">

Your variables:

<ul>
<li><code>C</code> = the center -- this is what you're looking to find

<ul>
<li><img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=C_%7Bx%7D" alt="C_{x}"> = the X coordinate of C</li>
<li><img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=C_%7By%7D" alt="C_{y}"> = the Y coordinate of C</li>
</ul></li>
<li><code>X</code> = the top left of the inner box

<ul>
<li><img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=X_%7Bx%7D" alt="X_{x}"> = the X coordinate of X -- <code>20</code> in your case</li>
<li><img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=X_%7By%7D" alt="X_{y}"> = the Y coordinate of X -- <code>20</code> in your case</li>
</ul></li>
<li><code>Y</code> = the bottom right of the inner box

<ul>
<li><img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=Y_%7Bx%7D" alt="Y_{x}"> = the X coordinate of Y -- <code>400</code> in your case</li>
<li><img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=Y_%7By%7D" alt="Y_{y}"> = the Y coordinate of Y -- <code>100</code> in your case</li>
</ul></li>
</ul>

The solution:

<ul>
<li><img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=C_%7Bx%7D%20%3D%20%5Cfrac%7BY_%7Bx%7D%20-%20X_%7Bx%7D%7D%7B2%7D%20%2B%20X_%7Bx%7D%20%3D%20%5Cfrac%7B400%20-%2020%7D%7B2%7D%20%2B%2020%20%3D%20210" alt="C_{x}"></li>
<li><img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=C_%7By%7D%20%3D%20%5Cfrac%7BY_%7By%7D%20-%20X_%7By%7D%7D%7B2%7D%20%2B%20X_%7By%7D%20%3D%20%5Cfrac%7B100%20-%2020%7D%7B2%7D%20%2B%2020%20%3D%2060" alt="C_{y}"></li>
</ul>

Basically, for <img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=C_%7Bx%7D" alt="C_{x}"> and <img src="https://chart.googleapis.com/chart?cht=tx&amp;chl=C_%7By%7D" alt="C_{y}"> you find the respective centers in the inner box and add the offset the inner box has to the parent box. Does that make sense?

blocks|key|246647|text|这不是线性的。不幸的是，你没有足够的信息。您需要知道两者的投影和基准，并进行一些转换。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|246648|另见：projection|offset|length|246649|entityMap|0|LINK|mutability|MUTABLE|url|https://en.wikipedia.org/wiki/Map_projection^0|0|3|A|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

This is not something linear. Unfortunately, you do not have enough information. You need to know the projection and datum of both and make some conversions.

See also: <a href="https://en.wikipedia.org/wiki/Map_projection" rel="nofollow">https://en.wikipedia.org/wiki/Map_projection</a>

I have an jpg image of 500 x 400 pixels. I know that at the pixel: 20x20, it is of latitude longitude X. I also know that at a second pixel: 400x100 its of latitude loingitude Y. Given that, how can I find out what is the latitude+longitude of the center pixel of the image? I want to know this because I have a photo of a map of an area of those dimensions that I want to display on top of a google map.

Example:
Say I have a 500x400 pixel photo of a map of a top down picture of a amusement park.
I know Attraction 1 of the amusement park is located at (latitude,longitude) X
I know Attraction 2 of the amusement park is located at (latitude,longitude) Y
Since I know that... I want to know what the middle latitude longitude is in the center of the image. That way I can "approximately" draw it at the right spot on a google map.

How to use javascript to find the middle point lat long of an image?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有一个500 x 400像素的jpg图像。我知道，在像素: 20x20，它是经度X。我还知道，在第二个像素处: 400x100，它的纬度为Y。既然如此，我如何才能找出图像中心像素的latitude+longitude是什么？我想知道这一点，因为我有一张地图的照片，这是我想要在谷歌地图上显示的那些维度的一个区域。例如:假设我有一张500x400像素的游乐园自上而下图片的地图。我知道游乐园的吸引力1

问如何使用javascript找到图像的中间点lat长？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用javascript找到图像的中间点lat长？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用javascript找到图像的中间点lat长？
EN