Отображение траекторий объектов из xml файла на GoogleMaps

@Johnny_Fefs · Регистрация: 01.03.2015

Студворк — интернет-сервис помощи студентам

Доброго дня. Столкнулся с проблемой, есть index.html, в котором отображается карта google c нанесенными на нее маркерами соединенные линиями отображающие движения одного объекта, координаты которого берутся из xml файла.
Сам файл index.html:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Markerbooks</title>
        <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAR0TWf73rulOP_SnETQPFKxRj5djmSsmVAgDaRb1psFcJlThRhxSjxifqM96NjrBsBn2XrZWSE-QQqQ"
            type="text/javascript"></script>
        <script type="text/javascript">
            //<![CDATA[
            var map;
            function load() {
                if (GBrowserIsCompatible()) {
                    map = new GMap2(document.getElementById("map"));
                    map.addControl(new GLargeMapControl());
                    map.addControl(new GMapTypeControl());
                    map.addControl(new GScaleControl());
                    map.setCenter( new GLatLng(47.613,-122.343),13 );
                    var icon = new GIcon();
                    icon.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
                    icon.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
                    icon.iconSize = new GSize(12, 20);
                    icon.shadowSize = new GSize(22, 20);
                    icon.iconAnchor = new GPoint(6, 20);
                    icon.infoWindowAnchor = new GPoint(5, 1);
                   
                    
                    GDownloadUrl("./test.xml", function(data) {
                                 var xml = GXml.parse(data);
                                 var markers = xml.documentElement.getElementsByTagName("marker");
                                 var numpoints = markers.length - 1;
                                 var points = [];
                                 for (var i = 0; i < markers.length; i++) {
                                    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                                         parseFloat(markers[i].getAttribute("lng")));
                                    points.push(point);
                                 }
                                 
                                 
                                 for (var i = 0; i < (numpoints + 1); i++) {
                                 map.addOverlay(new GMarker(points[i], icon));
                                 }
                                 map.addOverlay(new GPolyline(points));
                      });
                }
                
    }
        
        //]]>
        
            </script>
    </head>
    
    <body onload="load()" onunload="GUnload()" topmargin="0" leftmargin="0">
        <div id="map" style="width: 500px; height: 300px"></div>
    </body>
</html>

И файл с координатами test.xml

XML
1
2
3
4
5
6
7
8
9
10
11
<markers>
 <marker  lat=" 47.608940" lng=" -122.340141" >
 <marker  lat=" 47.613590" lng=" -122.344391" >
 <marker  lat=" 47.624561" lng=" -122.356445" >
 <marker  lat=" 47.606365" lng=" -122.337654" >
 <marker  lat=" 47.612823" lng=" -122.345673" >
 <marker  lat=" 47.605961" lng=" -122.340363" >
 <marker  lat=" 47.613976" lng=" -122.345467" >
 <marker  lat=" 47.617214" lng=" -122.326584" >
 <marker  lat=" 47.610126" lng=" -122.342834" >
</markers>

Проблема заключается в том, что ни как не могу написать цикл в html файле, для того чтобы на карте отображалось две и более траектории движения не связанных между собой, помогите пожалуйста написать этот цикл кому не сложно. Спасибо!
Я так понимаю xml файл должен будет выглядеть так:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<markersbook>
 <markers>
  <marker  lat=" 47.608940" lng=" -122.340141" >
  <marker  lat=" 47.613590" lng=" -122.344391" >
  <marker  lat=" 47.624561" lng=" -122.356445" >
  <marker  lat=" 47.606365" lng=" -122.337654" >
 </markers>
 <markers>
  <marker  lat=" 47.612823" lng=" -122.345673" >
  <marker  lat=" 47.605961" lng=" -122.340363" >
  <marker  lat=" 47.613976" lng=" -122.345467" >
  <marker  lat=" 47.617214" lng=" -122.326584" >
  <marker  lat=" 47.610126" lng=" -122.342834" >
 </markers>  
</markersbook>

Еще раз большое спасибо!

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .