使用JQuery加载PHP动态经纬度数据，无法存入JavaScript变量求助

我来帮你搞定这个问题——你遇到的核心问题是getElementById只能访问当前页面DOM树中的元素，如果你的地图文件和retrievedata.php不在同一个页面上下文里，或者代码执行时机不对（比如DOM还没渲染完成），自然拿不到目标元素的数据。下面给你几个可行的解决方案：

方案1：将retrievedata.php内容嵌入地图页面 #

把retrievedata.php的输出直接整合到地图页面的DOM中，这样就能通过getElementById正常获取数据了：

首先在地图页面的合适位置引入retrievedata.php的内容：

<!-- 地图页面的HTML部分 -->
<body>
  <!-- 引入retrievedata.php的经纬度输出 -->
  <?php include 'retrievedata.php'; ?>
  <!-- Google Maps容器 -->
  <div id="map" style="height: 400px; width: 100%;"></div>

  <script>
    // 确保DOM完全加载后再执行代码
    document.addEventListener('DOMContentLoaded', function() {
      // 获取p标签里的文本内容
      const latLngText = document.getElementById('userlatlng').textContent;
      // 清理多余空格并解析为JSON对象
      const userLatLng = JSON.parse(latLngText.replace(/\s+/g, ''));
      
      // 现在就可以用userLatLng.lat和userLatLng.lng来绘制点位了
      const map = new google.maps.Map(document.getElementById('map'), {
        center: userLatLng,
        zoom: 14
      });
      new google.maps.Marker({
        position: userLatLng,
        map: map,
        title: '用户位置'
      });
    });
  </script>
</body>

方案2：用AJAX/Fetch直接请求JSON数据（推荐） #

这种方法更灵活，不需要依赖DOM元素，直接从retrievedata.php请求结构化的JSON数据：

第一步：修改retrievedata.php输出纯JSON #

把原来的HTML输出改成纯JSON格式，方便JS解析：

<?php
// 告诉浏览器返回的是JSON类型数据
header('Content-Type: application/json');
// 直接输出经纬度的JSON对象
echo json_encode([
  'lat' => $lat,
  'lng' => $lng
]);
?>

第二步：在地图页面用Fetch获取数据 #

// 地图页面的JS代码
fetch('retrievedata.php')
  .then(response => {
    if (!response.ok) throw new Error('请求失败');
    return response.json();
  })
  .then(userLatLng => {
    // 初始化地图并绘制点位
    const map = new google.maps.Map(document.getElementById('map'), {
      center: userLatLng,
      zoom: 14
    });
    new google.maps.Marker({
      position: userLatLng,
      map: map,
      title: '用户位置'
    });
  })
  .catch(error => {
    console.error('获取经纬度失败:', error);
  });

方案3：检查代码执行时机（如果是同一页面但获取失败） #

如果你的代码已经在同一页面，但还是拿不到元素，大概率是代码在DOM渲染前就执行了。解决方法：

• 把<script>标签放到<body>的最后面
• 或者用DOMContentLoaded事件包裹代码（就像方案1里那样）

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