TypeScript - Leaflet-kaart toont geen GeoJSON-gegevens
Ik probeer enkele punten weer te geven op een Leaflet-kaart ingebed in Power BI Web. De gegevens die naar Leaflet worden verzonden, zijn in GeoJSON-formaat. Wanneer ik deze gegevens invoer, werkt alles correct en wordt het punt correct weergegeven:
var someFeatures = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-75, 34]
},
"properties": {
"name": "Location A"
}
}
]
}
Ik probeerde vervolgens mijn gegevens in te voeren, wat gewoon een paar breedte- en lengtegraad is. Hier is het codefragment dat ik gebruik:
function onEachFeature(feature, layer) {
var popupContent = "<p>I started out as a GeoJSON " +
feature.geometry.type + ", but now I'm a Leaflet vector!</p>";
if (feature.properties && feature.properties.popupContent) {
popupContent += feature.properties.popupContent;
}
layer.bindPopup(popupContent);
}
var dat = Visual.converter(options.dataViews[0].table.rows); //just converts the data to lat lon format
var test = GeoJSON.parse(dat, {Point: ['lat', 'lon']})
L.geoJSON([test], {
style: function(feature) {
return feature.properties && feature.properties.style;
},
onEachFeature: onEachFeature,
pointToLayer: function(feature, latlng) {
return L.circleMarker(latlng, {
radius: 8,
fillColor: "#ff7800",
color: "#000",
weight: 1,
opacity: 1,
fillOpacity: 0.8
});
}
}).addTo(this.map);
Ik ben er vrij zeker van dat de gegevens in een correct formaat zijn geconverteerd, zoals blijkt uit de ontwikkelaarsconsole:
Alle hulp wordt enorm gewaardeerd, aangezien ik niet kan uitvinden hoe ik dit probleem moet oplossen.
BEWERKEN: De uitvoer van de browserconsole is de inhoud van de variabele "test" die wordt gevuld met de uitvoer van: GeoJSON.parse(dat, {Point: ['lat', 'lon']}) Waarbij "dat" de ruwe gegevens zijn die breedte- en lengtegraad bevatten.
