JSFiddle - React, Tailwind, and code Playground

simple xml string parse javascript

by grant

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<p>xml parse javascript<br>google maps enabled to get the point float.</p>
<div id="lat"></div>
<div id="xmlHill"></div>

JavaScript

//xml parse
var xmlStr = '<markers><marker name="mattuck" address="addr1" lat="41.784969" lng="-73.319489" type="Rapid"/></markers>';
    var xml = parseXml(xmlStr); 
    console.log(xml);
    // data.responseXML;
    var markers = xml.documentElement.getElementsByTagName("marker");
   // var bounds = new google.maps.LatLngBounds();
    for (var i = 0; i < markers.length; i++) {
        var name = markers[i].getAttribute("name");
        var address = markers[i].getAttribute("address");
        var type = markers[i].getAttribute("type");
        //          var latlng = markers[i].getPosition();
        var lat = markers[i].getAttribute("lat");
        var lng = markers[i].getAttribute("lng");
        var point = new google.maps.LatLng(
        parseFloat(markers[i].getAttribute("lat")),
        parseFloat(markers[i].getAttribute("lng")));
      
        var html = "<div > <input type='text' id='name' value='" + name + "'/> </div>" +
            "<div > <input type='text' id='lat' value='" + lat + "'/> </div>" +
            "<div ><input type='text' id='lng' value='" + lng + "'/> </div>" ;

    }

function downloadUrl(url, callback) {
    var request = window.ActiveXObject ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest;
    request.onreadystatechange = function () {
        if (request.readyState == 4) {
            request.onreadystatechange = doNothing;
            callback(request, request.status);
        }
    };
    request.open('GET', url, true);
    request.send(null);
}

function doNothing() {}

function parseXml(str) {
    if (window.ActiveXObject) {
        var doc = new ActiveXObject('MicrosoftXMLDOM');
        doc.loadXML(str);
        return doc;
    } else if (window.DOMParser) {
        return (new DOMParser).parseFromString(str, 'text/xml');
    }
    }
    //var xx = lat + lng;
console.log(lat);
 document.getElementById("lat").innerHTML = lat + ", " + lng;
 var xmlHill = " new google.maps.LatLng(" + lat + ", " + lng +");";
...