como asignar a variable un geojson remoto

[Montes28]

tengo un geojson creado con php, como le asigno a una variable el geojson que obtengo remotamente?

[Alexis88]

Mediante una petición asíncrona (AJAX, JSONP, CORS), ya tienes la mitad del trabajo hecho. Lo único que faltaría hacer es asignar el valor devuelto a una variable. Aquí puedes ver un ejemplo de cómo podrías proceder.

[Montes28]

Alexis88 tengo el geojson
{ "type": "FeatureCollection", "features": [ { "type": "Feature", "layer": "Pluvi\u00f3metro", "geometry": { "type": "Point", "coordinates": [ -77.3385, 1.22767 ] }, "properties": { "nombre": "Pluvi\u00f3metro Mirador", "area": "Geoquimica", "metodologia": "Pluvi\u00f3metro", "icon": "http:\/\/192.168.102.33\/estacionesN\/img\/Pluviometro.png", "amenity": "bar" } }, { "type": "Feature", "layer": "Pluvi\u00f3metro", "geometry": { "type": "Point", "coordinates": [ -77.32183, 1.22183 ] }, .....................


le puedo hacer esto colocar el string var freeBus = { desde php
var freeBus = { "type": "FeatureCollection", "features": [ { "type": "Feature", "layer": "Pluvi\u00f3metro", "geometry": { "type": "Point", "coordinates": [ -77.3385, 1.22767 ] }, "properties": { "nombre": "Pluvi\u00f3metro Mirador", "area": "Geoquimica", "metodologia": "Pluvi\u00f3metro", "icon": "http:\/\/192.168.102.33\/estacionesN\/img\/Pluviometro.png", "amenity": "bar" } }, { "type": "Feature", "layer": "Pluvi\u00f3metro", "geometry": { "type": "Point", "coordinates": [ -77.32183, 1.22183 ] }, .....................


mira este ejemplo http://leafletjs.com/examples/geojson/example.html

[Alexis88]

Si deseas hacerlo todo en el mismo archivo, podrías hacer esto:

Código PHP:

<?php
$geoJSON = '{"los datos"}';
?>
<script type="text/javascript">
var geoJSON = <?=$geoJSON?>;
</script>
 

Aunque es una manera algo sucia de hacerlo. Preferiría tener el código PHP en un archivo externo y desde el archivo principal realizar una petición asíncrona (AJAX) para así obtener el valor en cuestión:

Código PHP:

//ejemplo.php
 
$geoJSON = '{"los datos"}';
echo $geoJSON;
 

Código Javascript:

//Archivo principal
 
var ajax = new XMLHttpRequest();
 
ajax.open("GET", "ejemplo.php");
ajax.addEventListener("load", function(){
    this.status == 200 && (function(){
        var geoJSON = this.responseText;
        
        //Aquí deben ir las instrucciones en donde utilizarás a la variable geoJSON
    })();
}, false);
ajax.send();
 

Y si deseas utilizar a la variable por fuera de la función:

Código Javascript:

var ajax = new XMLHttpRequest(), geoJSON;
 
ajax.open("GET", "ejemplo.php", false);
ajax.addEventListener("load", function(){
    this.status == 200 && (geoJSON = this.responseText);
}, false);
ajax.send();
 
//Las demás instrucciones que utilicen a la variable geoJSON