html中如何创建点坐标,在html中绘制geojson点

{

"type": "FeatureCollection",

"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },

"features": [

{ "type": "Feature", "properties": { "RENTAL_ID": 146057249, "CUSTOMER_I": 2256099, "LOCATION": "Boston", "VEHICLE_VI": "FHB 1675", "START_DATE": "2017\/03\/1 00:03:00", "END_DATE_L": "2017\/03\/1 00:10:00", "END_LATITU": 30.22478, "END_LONGIT": -97.72464, "DISTANCE": 5, "DURATION": 7, "DURATION_P": 0, "DURATION_D": 7, "SERVICE_DR": 0, "VEHICLE_TY": "HW 2.0" }, "geometry": { "type": "Point", "coordinates": [ 42.355672, -71.058712 ] } },

{ "type": "Feature", "properties": { "RENTAL_ID": 146057187, "CUSTOMER_I": 2435897, "LOCATION": "Boston", "VEHICLE_VI": "JHD 8492", "START_DATE": "2017\/03\/1 00:00:00", "END_DATE_L": "2017\/03\/1 00:19:00", "END_LATITU": 30.25766855, "END_LONGIT": -97.7383573, "DISTANCE": 13, "DURATION": 19, "DURATION_P": 0, "DURATION_D": 19, "SERVICE_DR": 0, "VEHICLE_TY": "B Class" }, "geometry": { "type": "Point", "coordinates": [ 42.361507, -71.090126 ] } }

]

}

这是我的代码，我已经写了：

A Leaflet map!

#map{ height: 100% }

// initialize the map

var map = L.map('map').setView([42.35, -71.09], 13);

// load a tile layer

L.tileLayer('http://tiles.mapc.org/basemap/{z}/{x}/{y}.png',

{

attribution: 'Tiles by MAPC, Data by MassGIS',

maxZoom: 100,

minZoom: 9

}).addTo(map);

// load GeoJSON from an external file

$.getJSON("point.geojson",function(data){

// add GeoJSON layer to the map once the file is loaded

L.geoJson(data).addTo(map);

});

为什么我的观点不显示？