ajax读取geojson文件,ajax - Local GeoJSON file with Mapbox - Stack Overflow

I'm trying to load a local file to MapBox getting error messages:

ERROR parsererror No conversion from text to geojson from ajax function and

Error {message: "Input data is not a valid GeoJSON object."} for evented.js

Features are structured are like this:

{ "type": "Feature", "properties": { "score": 0.77, "pokemon": "Squirtle", "color": "#42b9f5" }, "geometry": { "type": "Point", "coordinates": [ 2.768403197476528, 39.806888683241638 ] } }

I'm creating geoJSON file with Python, http://geojson.io load it just fine without any errors I suppose is something about my Ajax request.

body {

margin: 0;

padding: 0;

}

#map {

position: absolute;

top: 0;

bottom: 0;

width: 100%;

}

mapboxgl.accessToken = 'MY_TOKEN';

var map = new mapboxgl.Map({

container: 'map',

style: 'mapbox://styles/mapbox/streets-v11'

});

map.on('style.load', function() {

map.addSource("pokemons", {

type: "geojson",

data:

$.ajax({

type: "GET",

file: "../data_wrangling/points.geojson",

dataType: "geojson",

success: function(data) {

return data;

},

error: function(jqXHR, textStatus, errorThrown) {

console.log('ERROR', textStatus, errorThrown);

}

})

})

})