leaflet - geojson-Datei einbinden

Communities Deutschland (Germany)
1

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:

2

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?

3

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:

4

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

5

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