Добавление маркеров в googlemap с использованием xml

Question

Добавление маркеров в googlemap с использованием xml

0

Я пытаюсь добавить маркеры в googlemaps, получая данные с помощью jQuery из файла XML, но метки не отображаются

Функция Вызывается при нажатии на переключатель

 Route 1  <input type="radio" value="route1" name="1" onclick="addMarker();"/><br>

Добавление функции рынка

function addMarker() {
    $.ajax({
        type: "GET",
        url: "stationx.xml",
        dataType: "xml",
        success: function(data) {
            $(data).find('station').each(function() {
                var name = $(this).find('name').text();
                var lat = $(this).find('lat').text();
                var lon = $(this).find('lon').text();
            });
        }
    });
    marker = new google.maps.Marker({
        position: new google.maps.LatLng("lat", "lon"),
        title: "Pittsburg/Bay Point"
    });
    marker.setMap(map);
}

Это файл XML "stationx.xml"

<stations>
<station>
<name>12th St. Oakland City Center</name>

<lat>37.803664</lat>
<lon>-122.271604</lon>

</station>
<station>
<name>16th St. Mission</name>

<lat>37.765062</lat>
<lon>-122.419694</lon>

</station>
</stations>

user3024073 03 янв. 2014, в 14:21

Источник

Теги:

jquery

xml

1 ответ

Ещё вопросы

Dappergoat · Answer 1 · 2014-01-03T10-42-00.000Z

Вам нужно будет переместить свою логику для добавления маркера в свою петлю станций. И вы должны использовать свои переменные вместо текстовых строк "lon" vs lon

success: function(data) {
            $(data).find('station').each(function() {
                var name = $(this).find('name').text();
                var lat = $(this).find('lat').text();
                var lon = $(this).find('lon').text();
                marker = new google.maps.Marker({
                  position: new google.maps.LatLng(lat, lon),
                  title: name
               });
               marker.setMap(map);
            });
        }