Google maps api 3 我们如何将可拖动方向坐标处理为gps设备的gpx文件

Google maps api 3 我们如何将可拖动方向坐标处理为gps设备的gpx文件,google-maps-api-3,Google Maps Api 3,我们如何将可拖动方向坐标(google map api v3)处理为gps设备的gpx文件 任何人都知道,请详细解释。。请提前帮助和感谢 以下答案有助于在谷歌地图中显示gpx文件..(75%适用于上述问题) 下面的代码段假设已经创建了一个映射,并且被映射变量(类型为google.maps.map)引用。将轨迹添加到地图后,最后一条指令将缩放以适合轨迹 $.ajax({ type: "GET", url: "URL to the GPX file", dataType: "xm

我们如何将可拖动方向坐标(google map api v3)处理为gps设备的gpx文件


任何人都知道,请详细解释。。请提前帮助和感谢

以下答案有助于在谷歌地图中显示gpx文件..(75%适用于上述问题)

下面的代码段假设已经创建了一个映射,并且被映射变量(类型为google.maps.map)引用。将轨迹添加到地图后,最后一条指令将缩放以适合轨迹

    $.ajax({
  type: "GET",
  url: "URL to the GPX file",
  dataType: "xml",
  success: function(xml) {
    var points = [];
    var bounds = new google.maps.LatLngBounds ();
    $(xml).find("trkpt").each(function() {
      var lat = $(this).attr("lat");
      var lon = $(this).attr("lon");
      var p = new google.maps.LatLng(lat, lon);
      points.push(p);
      bounds.extend(p);
    });

    var poly = new google.maps.Polyline({
      // use your own style here
      path: points,
      strokeColor: "#FF00AA",
      strokeOpacity: .7,
      strokeWeight: 4
    });

    poly.setMap(map);

    // fit bounds to track
    map.fitBounds(bounds);
  }
});
代码的工作原理如下。使用XMLHttpRequest(“AJAX”请求)检索GPX文件。jQuery解析文件并提供对XML树的非常简单的访问。对于每个trkpt(“跟踪点”)节点,在给定位置创建一个新的Google Maps点。最后,从所有这些点创建一条多段线,并将其添加到地图中