动态获取 Javascript 变量中的数据库值

我多次研究过这个主题，但找不到我的问题的正确答案。让我解释一下。

我正在使用 Google Maps API 创建一个应用程序，我希望根据我的数据库值在地图上显示多个位置。我的 javascript 中有一个名为 Locations 的对象，其中存储变量“name”、“lat”和“lon”（纬度、经度）。

var Locations =
[{  
    name: 'test',
    lat: 52.351753, 
    lon: 5.002035 

  }, 
  {     
    name: 'test2',
    lat: 52.390839, 
    lon: 4.908722

  }];

这部分是我存储位置的地方。尽管这有效，但它是硬编码的。 所以，我想动态地将所有 mysql 数据库值从数据库中取出到我的 javascript 变量中。我使用 PHP 遍历数据库条目：

    foreach ($query as $post)
    {
        ?> <h1><?php echo $post['naam'] ?></h1> 
               <p><?php echo $post['plaats'] ?></p> 
               <p><?php echo $post['categorie'] ?></p> 
               <?php
    }

现在我尝试获取所有这些值并将它们放入我的 javascript 变量中，但没有成功。

var bedrijven = <?php echo json_encode($post); ?>;

当我 console.log 'bedrijven' 时，我只得到最后一个条目，但我希望存储每一行​​。有人可以帮我弄这个吗？如果有效的话那就太酷了。

我希望我解释得足够好。

Thanks!

$post是迭代变量，因此它一次只包含数组的一个元素。如果您想要整个数组，请指定：

var bedrijven = <?php echo json_encode($query); ?>;