Jquery черчения несколько маркеров в Google Maps

Question

Это то, что до сих пор

function xmlParser(xml) { 

    $('#load').fadeOut(); 

    $(xml).find("da").each(function() { 

     $(".main").append('<div class="data"><div class="name">Name ' + $(this).find("name").text() + '</div><div class="latitude">Latitude ' + $(this).find("lat").text() + '</div><div class="longitube">Longitude ' + $(this).find("lng").text() + '</div></div>'); 
     $(".data").fadeIn(1000); 
     var lat = parseFloat($(this).find('lat').text());  
     var lng = parseFloat($(this).find('lng').text()); 
     //var lat=parseFloat(latt); 

     //var lng=parseFloat(lngg); 
     $("#map").goMap({ 
      markers: [{ 

       latitude: lat , 
       longitude: lng , 
       html: { 
        id: '.data', 
        popup: true 
       } 

      },{ 
       latitude: lat , 
       longitude: lng , 
       html: { 
        id: '.data', 
        popup: true 
       } 
      } 
      ] 
     }); 

    }); 



} 

файл XML является

<Data> 
<da> 
<id>1</id> 
<name>vidyavihar</name> 
<lat>54.9488</lat> 
<lng>21.704</lng> 
</da> 
<da> 
<id>2</id> 
<name>atyty</name> 
<lat>47.1234</lat> 
<lng>10.1234</lng> 
</da> 
<da> 
<id>3</id> 
<name>uiuiu</name> 
<lat>48.124</lat> 
<lng>12.94</lng> 
</da> 
</Data> 

Я хочу построить маркеры, основанные на широте и долготе, предусмотренных в файле XML , Функция, которую я использовал, проходит через точно так, как я хочу, я получаю все значения правильно в созданных тегах div. Но я не могу отобразить все эти значения на карте. Заранее спасибо за помощь.

Answer 1

Вы создаете новую карту для каждой записи в XML. Обработайте записи в XML, нажимая их на массив, затем создайте карту один раз.

 var markers = []; 

    $(d).find("da").each(function() { 

     var lat = parseFloat($(this).find('lat').text());  
     var lng = parseFloat($(this).find('lng').text()); 
     markers.push({latitude: lat, 
        longitude: lng, 
        html: { id: '.data', 
          popup: true 
        }}); 
    }); 

    $("#map").goMap({ 
     markers: markers 
    }); 

example