ajax 地图,示例代码

Ajax 地图是一种使用 Ajax 技术来实现动态加载地图数据的方法。通过 Ajax，我们可以在不刷新整个页面的情况下，只更新地图上的特定区域或标记点的数据。

示例代码如下：

// 创建地图对象
var map = new BMap.Map("mapContainer");
// 设置地图中心点和缩放级别
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
// 使用 Ajax 加载标记点数据
$.ajax({
  url: "getMarkers.php",
  type: "GET",
  dataType: "json",
  success: function(data) {
    // 遍历数据，创建标记点并添加到地图上
    for (var i = 0; i < data.length; i++) {
      var markerData = data[i];
      var markerPoint = new BMap.Point(markerData.lng, markerData.lat);
      var marker = new BMap.Marker(markerPoint);
      map.addOverlay(marker);
    }
  }
});

在上述示例代码中，首先我们创建了一个地图对象，并设置了地图的中心点和缩放级别。然后，通过 Ajax 请求获取标记点的数据。在成功回调函数中，我们遍历数据，创建标记点并将其添加到地图上。这样，我们就可以通过 Ajax 动态加载地图上的标记点数据，而不需要刷新整个页面。

需要注意的是，示例代码中使用了百度地图的 API（BMap）。你可以根据自己的需求选择合适的地图 API，并相应地修改代码。