Google API无法读取PHP转JS经纬度数组，Marker不显示求助

1. 先确认PHP到JSON的转换是否正确 #

这是数据传递的基础，别让格式坑了你：

• 数据库查出来的经纬度大概率是字符串类型，必须转成数值再编码，不然JS拿到的是带引号的字符串，Google API不认：

  // 假设数据库查询结果存在$dbData里
  $markerData = [];
  foreach ($dbData as $row) {
      $markerData[] = [
          'lat' => (float)$row['latitude'],
          'lng' => (float)$row['longitude']
      ];
  }
  // 输出到JS，加JSON_HEX_TAG防XSS，避免语法错误
  echo "<script>const markers = " . json_encode($markerData, JSON_HEX_TAG) . ";</script>";
  

• 打开浏览器控制台，输入console.log(markers)检查：每个元素的lat和lng必须是纯数字，不能带引号，也不能是null。

2. 检查addMarker函数的实现细节 #

静态经纬度能显示，说明地图初始化没问题，问题基本出在函数逻辑或参数传递：

• 正确的函数写法（要保证map对象能被访问到）：

  // 假设map是全局变量，或者你可以把它作为参数传入函数
  function addMarker(lat, lng) {
      new google.maps.Marker({
          position: { lat: lat, lng: lng },
          map: map,
          title: '标记点'
      });
  }
  
  // 遍历数组批量加标记
  markers.forEach(item => {
      // 保险起见再转一次浮点型，避免隐性类型问题
      addMarker(parseFloat(item.lat), parseFloat(item.lng));
  });
  

• 常见坑点：
  • map是局部变量：如果初始化地图时把map写在某个函数内部，addMarker里访问不到，标记就没法绑定到地图上。
  • 经纬度类型错误：如果传的是字符串，API会直接忽略这个标记，不会报错但就是不显示。
  • JSON语法错误：PHP输出的JSON如果有未转义的引号，会导致JS里markers变成undefined，自然加不了标记。

3. 调试技巧快速定位问题 #

• 看控制台报错：按F12开控制台，找红色错误提示，比如InvalidValueError就是经纬度类型错了，map is undefined就是作用域问题。
• 手动测试单个标记：从markers里拿第一个元素，直接调用addMarker(markers[0].lat, markers[0].lng)，如果能显示，那就是循环逻辑的问题；如果还是不行，就是单个参数的问题。

关于JSON传递的结论 #

JSON传递PHP数组本身完全没问题，只要保证两点：

1. PHP端生成的JSON格式合法，经纬度是数值类型。
2. JS端正确解析并传递数值给Google Maps API。

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