Google マップの v3 にアップグレードしていますが、ポリラインの読み込みに問題があります。私はこのリンクで与えられた答えに基づいてコードを作成しました: draw path using polylines from a xml file with a couple of variants to my XML file.
downloadUrl("byway.xml", function(doc) {
var xmlDoc = xmlParse(doc);
var trks = xmlDoc.documentElement.getElementsByTagName("trk");
var bywaypath = [];
for (var i = 0; i < trks.length; i++) {
var trkPoints = trks[i].getElementsByTagName("trkpt");
for (var j = 0; j<trkPoints.length; j++) {
var lat = parseFloat(trkPoints[j].getAttribute("lat"));
var lng = parseFloat(trkPoints[j].getAttribute("lng"));
var point = new google.maps.LatLng(lat,lng);
bywaypath.push(point);
}
}
var myPath = new google.maps.Polyline({
path: bywaypath,
strokeColor: "#008eb0",
strokeOpacity: 1.0,
strokeWeight: 3
});
myPath.setMap(マップ); });
私のXMLファイルは次のようになります。
<gpx version="1.1" creator="RouteBuddy" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.topografix.com/GPX/1/1" xsi:schemaLocation="http://www.topografix.com/GPX/1/1 http://www.topografix.com/GPX/1/1/gpx.xsd">
<wpt lat="30.23041000" lon="-88.02368200">
<ele>935.481445</ele>
<trk>
<name>ACC</name>
<trkseg>
<trkpt lat=" 30.23047759 " lon=" -88.02365995 "></trkpt>
<trkpt lat=" 30.23040677 " lon=" -88.02368044 "></trkpt>
<trkpt lat=" 30.23041 " lon=" -88.023682 "></trkpt>
<trkpt lat=" 30.230062 " lon=" -88.023445 "></trkpt>
<trkpt lat=" 30.229971 " lon=" -88.023339 "></trkpt>
<trkpt lat=" 30.229628 " lon=" -88.022956 "></trkpt>
<trkpt lat=" 30.229628 " lon=" -88.022956 "></trkpt>
<trkpt lat=" 30.22975762 " lon=" -88.02288814 "></trkpt>
<trkpt lat=" 30.22973402 " lon=" -88.02284032 "></trkpt>
<trkpt lat=" 30.22973402 " lon=" -88.02284032 "></trkpt>
私が間違っていることについてのアイデアはありますか?前もって感謝します!