如何用JS/jQuery将经纬度坐标转换为百分比（无需Google Maps API）

完全明白你的需求——不用Google Maps API，纯靠基础数学计算把经纬度转成你地图对应的百分比位置，用来定位标记点对吧？这个其实就是线性映射的问题，用JavaScript（包括jQuery环境）就能轻松实现，我给你一步步拆解：

核心转换逻辑 #

首先明确你的地图边界对应的经纬度范围：

• 纬度：0% = 48.796421（更靠北），100% = 25.110958（更靠南）
• 经度：0% = -125.867632（更靠西），100% = -67.999663（更靠东）

纬度转百分比 #

因为纬度数值越小（越靠南），百分比越高，所以公式是：
纬度百分比 = ((最大纬度 - 输入纬度) / (最大纬度 - 最小纬度)) * 100
这里最大纬度是48.796421，最小纬度是25.110958。

经度转百分比 #

经度数值越大（越靠东），百分比越高，公式是：
经度百分比 = ((输入经度 - 最小经度) / (最大经度 - 最小经度)) * 100
这里最小经度是-125.867632，最大经度是-67.999663。

代码实现（jQuery/JS） #

你可以写一个通用函数来处理转换，直接在你的PHP/Ajax项目里调用：

// 定义地图的经纬度边界
const mapBounds = {
  lat: { min: 25.110958, max: 48.796421 },
  lng: { min: -125.867632, max: -67.999663 }
};

// 转换函数
function convertLatLngToPercent(lat, lng) {
  // 计算纬度百分比（注意纬度是倒序映射）
  const latPercent = ((mapBounds.lat.max - lat) / (mapBounds.lat.max - mapBounds.lat.min)) * 100;
  // 计算经度百分比
  const lngPercent = ((lng - mapBounds.lng.min) / (mapBounds.lng.max - mapBounds.lng.min)) * 100;
  
  // 返回保留两位小数的结果，也可以根据需求调整精度
  return {
    latPercent: latPercent.toFixed(2),
    lngPercent: lngPercent.toFixed(2)
  };
}

// 测试你给的示例坐标(39.825193, -105.046895)
const result = convertLatLngToPercent(39.825193, -105.046895);
console.log(`纬度百分比：${result.latPercent}%，经度百分比：${result.lngPercent}%`);

验证示例结果 #

代入示例坐标计算：

• 纬度：((48.796421 - 39.825193) / (48.796421 - 25.110958)) * 100 ≈ 37.88%
• 经度：((-105.046895 - (-125.867632)) / (-67.999663 - (-125.867632))) * 100 ≈ 35.98%

和函数输出的结果一致，完全没问题。

注意事项 #

• 如果你的地图容器是固定宽高，直接用这个百分比设置标记点的top（对应纬度百分比）和left（对应经度百分比）样式就行
• 记得处理边界情况：如果输入的经纬度超出了你定义的范围，百分比可能会小于0%或大于100%，你可以加个判断把数值限制在0-100之间，避免标记点跑到地图外面

内容的提问来源于stack exchange，提问作者Toki