我们如何处理可拖动方向坐标(google map api v3)到gps设备的gpx文件..
任何人都知道,详细解释..请提前帮助和感谢...
答案 0 :(得分:0)
以下答案有助于在google地图中显示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地图点。最后,从所有这些点创建折线,并将其添加到地图中。