Wie wird ein bestimmtes Attribut in XML gesucht, um ein anderes Attribut abzurufen?

Question

Eigentlich versuche ich mit der Google Maps JavaScript API zu arbeiten, um bestimmte Marker aus meiner Datenbank zu generieren, um sie in einer Autocomplete-Form zu verwenden. Ich kann meine Markierungen in Google Places nicht speichern, da zu viele vorhanden sind und sie nicht wirklich für alle relevant sind! Aber Google kennt nicht alle meine Orte und kann daher nicht geocodiert werden. Ich habe beschlossen, eine XML-Datei mit meinen Markern zu generieren; hier ist ein Beispiel:

<?xml version="1.0"?> 
<markers> 
    <marker name="Pan Africa Market" address="1521 1st Ave, Seattle, WA" lat="47.608940" lng="-122.340141" type="restaurant"/> 
    <marker name="Buddha Thai &amp; Bar" address="2222 2nd Ave, Seattle, WA" lat="47.613590" lng="-122.344391" type="bar"/> 
    <marker name="The Melting Pot" address="14 Mercer St, Seattle, WA" lat="47.624561" lng="-122.356445" type="restaurant"/> 
    <marker name="Ipanema Grill" address="1225 1st Ave, Seattle, WA" lat="47.606365" lng="-122.337654" type="restaurant"/> 
    <marker name="Sake House" address="2230 1st Ave, Seattle, WA" lat="47.612823" lng="-122.345673" type="bar"/> 
    <marker name="Crab Pot" address="1301 Alaskan Way, Seattle, WA" lat="47.605961" lng="-122.340363" type="restaurant"/> 
    <marker name="Mama's Mexican Kitchen" address="2234 2nd Ave, Seattle, WA" lat="47.613976" lng="-122.345467" type="bar"/> 
    <marker name="Wingdome" address="1416 E Olive Way, Seattle, WA" lat="47.617214" lng="-122.326584" type="bar"/> 
    <marker name="Piroshky Piroshky" address="1908 Pike pl, Seattle, WA" lat="47.610126" lng="-122.342834" type="restaurant"/> 
</markers> 

Wie kann ich JavaScript, um die lat und lng Attribute für einen bestimmten Namen Attribut abzurufen?

Answer 1

Sie können die folgenden XPath-Ausdrücke verwenden:

• /markers/marker[@name='Crab Pot']/@lng

• /markers/marker[@name='Crab Pot']/@lat

von den Chrome-Entwickler-Tools:

$x("/markers/marker[@name='Crab Pot']/@lat") 

oder programmatisch Document.evaluate() in JavaScript mit:

console.log(document.evaluate("/markers/marker[@name='Crab Pot']/@lat", 
      document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, 
      null).singleNodeValue);