Разбор геокода из XML в JavaScript

Question

В настоящее время у меня есть страница, отображающая 3 Карты Google, которые сгенерированы JavaScript, они основаны на геокоде, который жестко запрограммирован в JavaScript.

Теперь я установил геокоды в файле XML и использую функцию PHP для вызова геокода из XML в массив. Но я не уверен в том, как выполнить синтаксический анализ этого массива в JavaScript.

Вот мой JavaScript.

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?   sensor=true&libraries=places"></script>
<script type="text/javascript">

function initMap(mapObj, lat, lng) {
    var latLng = new google.maps.LatLng(lat, lng);
    var mapInstance = new google.maps.Map(mapObj, {
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: latLng,
        zoom: 11
    });
    var infowindow = new google.maps.InfoWindow();
    var service = new google.maps.places.PlacesService(mapInstance);

    function createMarker (place) {
        var marker = new google.maps.Marker({
            animation: google.maps.Animation.DROP,
            map: mapInstance,
            position: place.geometry.location
        });
        google.maps.event.addListener(marker, 'click', function() {
            infowindow.setContent(place.name);
            infowindow.open(mapInstance, this);
        });        
    }

    function searchCallback(results, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {
            for (var i = 0; i < results.length; i++) {
                createMarker(results[i]);
            }
        }
    }

    service.search({ location: latLng, radius: 5000 }, searchCallback);
}


function initialize() {
    var ndx = 0;
    function calInitMap(lat, lng) {
        initMap(document.getElementById('map'+ndx), lat, lng);
        ndx++;
    }
    calInitMap(51.5069999695, -0.142489999533);
    calInitMap(40.79445,-74.01558);
    calInitMap(48.858001709, 2.29460000992);
}

google.maps.event.addDomListener(window, 'load', initialize);
 </script>
 <noscript>JavaScript not detected! Verify that JavaScript support is enabled in your browser, or upgrade to a newer JavaScript-capable web browser and try again.</noscript>

<div id="map0" style="position:absolute; width: 290px; height: 300px;"></div>
<div id="map1" style="position:absolute; left:492px; width: 288px; height: 300px;"></div>
<div id="map2" style="position:absolute; left:788px; width: 290px; height: 300px;"></div>

Вот функция PHP, которую я использую для вызова геокода из файла XML.

 function getGeocode() {

try {
    $xml = new SimpleXmlElement(file_get_contents('config/cityConfig.xml'));
} catch (Exception $e) {
    echo 'Caught exception: An error has occured. Unable to get cityConfig.xml';
}

$geoSource = array();
foreach ($xml->city as $city) {
    $geo = (string) $city->geocode;
    array_push($geoSource, $geo);
}

return $geoSource;
 }
 ?>

Я думал об использовании calInitMap($geocodeSource[0]);, или было бы лучше использовать функцию JavaScript для доступа к XML-файлу? Есть предложения?

Answer 1

Вы можете сохранить массив как переменную в JS:

var geocodes=<?php echo json_encode(getGeocode());?>

... нет необходимости в синтаксическом анализе на стороне JS.

Answer 2

Вместо использования php для анализа XML, почему бы просто не сохранить все это в JavaScript, используя что-то вроде $ .xmlToJSON: http://www.terracoder.com/index.php/xml-objectifier/xml-objectifier-documentation

$.get('/config/cityConfig.xml', function( data ){
    var json = $.xmlToJSON( data );
    // Do things with JSON here...
});

Если jQuery не ваша игра, вы можете попробоватьиз этого сценария: http://www.thomasfrank.se/xml_to_json.html