leaflet - geojson-Datei einbinden

Hi !

ich suche ein Beispiel wo eine Geojson-Datei in Leaflet eingebunden wird.

Alles was mir bisher untergekommen ist sind Beispiele wo die Daten schon in einer .js-Datei hinterlegt sind.

Kann mir einer weiterhelfen ?

Gru├č Jan :slight_smile:

Hallo Jan,

Was hei├čt einbinden? Ein paar Informationen zum Kontext w├╝rden nicht schaden: Wo liegen liegen die Daten? Webserver(lokal, ├╝bers Netz zug├Ąnglich), lokales Dateisystem? In einer Textdatei oder in einer Datenbank?

es gibt eine Datei.

Bei den Beispielen (http://leafletjs.com/examples/geojson.html) liegen die Daten immer vor in der Form

var geojsonFeature = {
    "type": "Feature",
    "properties": {
        "name": "Coors Field",
        "amenity": "Baseball Stadium",
        "popupContent": "This is where the Rockies play!"
    },
    "geometry": {
        "type": "Point",
        "coordinates": [-104.99404, 39.75621]
    }
};

Eine Datenquelle wird wohl kaum mit var geojsonFeature beginnen !

Gru├č Jan :slight_smile:

Das ist ein Beispiel, wie Du es nicht haben willst. Ich will aber wissen, wie die Bedinungen bei dir sind:

Du hast eine GeoJSON Datei auf dem Server liegen und willst die einbinden? Die musst du mittels AJAX (jQuery und Konsorten helfen da) erst laden. Das Ergebnis kannst du dann in Leaflet einbinden, quasi so:

    $.ajax({
        'url': '../data/trail.geojson',
        'dataType': 'json',
        'success': function (data, status, jqXHR) {
            var trail = L.geoJson(data, { 'style': trailStyle }).addTo(map);
            layerControl.addOverlay(trail, 'Tour');
        }
    });

Live unter http://www.geometrico.lu/aakb/en/ im Quelltext zu sehen.

Frank