经纬度坐标存入数据库及JavaScript路径赋值的正确格式是什么？

看起来你已经在着手从数据库提取经纬度字符串、转换成可用的路线坐标了，我来帮你把这个流程捋顺并完善代码逻辑。

第一步：解析数据库里的非标准经纬度字符串 #

你数据库里存储的格式是类似{lat:...,lng:...},{lat:...,lng:...}的字符串，这里要注意它不是标准JSON（属性名lat/lng没有加引号），直接用JSON.parse会报错，得先做格式转换：

// 假设从数据库拿到的原始字符串
const dbCoordinateStr = "{lat:36.26479895658131,lng: 49.99473060839841},{lat:36.20609142498267,lng: 49.860834734374976},{lat:36.114064680113565,lng: 49.61570228808591}";

// 把属性名替换成带双引号的格式，拼接成合法JSON数组
const validJsonStr = "[" + dbCoordinateStr.replace(/(lat|lng)/g, '"$1"') + "]";
// 解析成可直接使用的坐标对象数组
const parsedCoordinates = JSON.parse(validJsonStr);

第二步：完善你的坐标收集与页面赋值逻辑 #

结合你给出的代码片段，我们可以把解析后的坐标整合进去，同时补全myFunction的逻辑：

// 初始化路线坐标数组
let coordinates = [];

// 从数据库获取并解析坐标
const dbCoordinateStr = "{lat:36.26479895658131,lng: 49.99473060839841},{lat:36.20609142498267,lng: 49.860834734374976},{lat:36.114064680113565,lng: 49.61570228808591}";
const validJsonStr = "[" + dbCoordinateStr.replace(/(lat|lng)/g, '"$1"') + "]";
coordinates = JSON.parse(validJsonStr);

// 把坐标数组转换成字符串格式赋值给输入框
document.getElementById("field12").value = JSON.stringify(coordinates);

// 补全单个坐标添加的函数
function myFunction(latLng) {
  // 校验传入的latLng是否包含有效经纬度
  if (typeof latLng.lat === 'number' && typeof latLng.lng === 'number') {
    coordinates.push(latLng);
    // 更新输入框内容
    document.getElementById("field12").value = JSON.stringify(coordinates);
  }
}

几个关键提示 #

• 优化存储格式：如果可以修改数据库存储规则，建议直接存标准JSON数组字符串（比如[{"lat":36.264..., "lng":49.994...}, ...]），这样后续解析不需要额外的正则替换，更高效也更不容易出错。
• 地图API适配：解析后的coordinates数组可以直接用于大多数地图API（比如Google Maps、Leaflet）的路线绘制，只需要根据API要求提取lat和lng值即可。
• 输入框内容格式：用JSON.stringify把数组转换成字符串存入输入框，后续读取时再用JSON.parse解析回来，能最大程度保证数据的完整性。

小提醒：如果你的数据库查询结果已经是字符串类型，直接按上面的逻辑处理就行；如果是其他格式，记得先转换成字符串再处理。

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