javascript - 通过在 php 中使用来自 mysql 的数据在谷歌地图上显示标记

Question

我在这里附上图片作为示例。

目前我在 HTML 页面中使用静态代码显示 map 上的位置，例如，

在页面上加载 map 的 Java 脚本:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"> </script>

 <script type="text/javascript">
   var map;
   var centerPos = new google.maps.LatLng(37.0902,95.7129);
   var zoomLevel = 4;
   function initialize() 
    {
      var mapOptions = 
      {
       center: centerPos,
       zoom: zoomLevel
      };
      map = new google.maps.Map( document.getElementById("map-canvas"), mapOptions );
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  </script>

谷歌地图分区:

    <div id="Community-Google-Map-Div">
          <div class="wrap">
            <div id="map-canvas">
            </div>
          </div>
    </div>

加载不同位置的 Java 脚本:

  <script type="text/javascript">

    function LocateSales() 
    {
      var map;
      var centerPos = new google.maps.LatLng(22.4700,77.5667);
      var zoomLevel = 4;

      var mapOptions = 
      {
        center: centerPos,
        zoom: zoomLevel
      };
      map = new google.maps.Map( document.getElementById("map-canvas"), mapOptions );

      var locations = [ ['USA', 50.0000, 79.7800],
                        ['Second', 82.9667, 77.5667],
                        ['Third', 78.4700, 77.0300]
                      ];

          for (i = 0; i < locations.length; i++) {  
          marker = new google.maps.Marker({
      position: new google.maps.LatLng(locations[i][1], locations[i][2]),
      title: locations[i][0],map: map });
       }
  }
   google.maps.event.addDomListener(window, 'load', initialize);
  </script>

所以，请告诉我如何解决这个问题!

Answer 1

你可以像这样在 php 文件中使用 ajax :

jQuery:

function getLocations()
{
    $.ajax({

        type: "POST", 
        dataType: "json",
        url: "yourPhpFile.php",
        success: function(locations)
        {
            //place markers
        },
        error: function()
        {
            alert("error");
        }
    });


}

在您的 PHP 文件中，您应该连接到您的数据库 -> 对您的表执行查询(名称、经度、纬度)。以 echo json_encode($yourarray);

结尾

“$yourarray”将成为 ajax(JSON 对象)中的“位置”。

注意:我建议您将 PDO 连接到您的数据库 (http://php.net/manual/fr/book.pdo.php)