Прочитайте Локатор и долготу из файла GeoJSON, а затем отобразите каждый лат-длинный как маркер с Листом.

Question

Я новичок в Javascript, и поэтому я немного потерян. Я могу читать из файла GeoJSON; тем не менее, я не понимаю, как перебирать файл, чтобы получить Lat-Long из точек, а затем отобразить эти точки в качестве маркеров в листе. Я надеюсь также использовать плагин Потрясающие Маркеры (на основе шрифта удивительным для листовка)

Это пример моего файла GeoJSON:

{ "type": "FeatureCollection", 
     "features": [ 
     { "type": "Feature", "properties": { "Street Nam": "Aljunied Avenue 2", " Block": "118 Aljunied Avenue 2", " Postal Co": "380118", " Latitude": 1.320440, "Longitude": 103.887575 }, 
      "geometry": { "type": "Point", "coordinates": [ 103.887575, 1.320440 ] } } 
     , 
     { "type": "Feature", "properties": { "Street Nam": "Aljunied Crescent", " Block": "97A Aljunied Crescent", " Postal Co": "381097", " Latitude": 1.321107, "Longitude": 103.886127 }, 
     "geometry": { "type": "Point", "coordinates": [ 103.886127, 1.321107 ] } } 
    ] 
    } 

Спасибо за ваше внимание и время =)

Answer 1

Обработать geojson, как описано в the leaflet documentation. Укажите функцию pointToLayer, которая создает маркер с удивительным значком:

L.geoJson(geoJson, { 
    pointToLayer: function (feature, latlng) { 
     return L.marker(latlng, 
      {icon: L.AwesomeMarkers.icon( 
       << options based on feature.properties >> 
      )}); 
    } 
}).addTo(map); 

Answer 2

После чтения файла, вы должны иметь JavaScript Object, который представляет все данные в файле:

var geoData = JSON.parse(fileContents); 
var features = geoData.features; 

и так далее. Анализируемые данные будут преобразованы в объекты или массивы в зависимости от того, являются ли они ключевыми/значными словарями или просто списками. Таким образом, из приведенного выше

var feature = geoData.features[0]; 

предоставит вам ссылку на первый объект объекта в списке. Если вы пишете

console.log(geoData); 

и работать с любым недавним браузером вы должны быть в состоянии видеть расширяемое описание данных, чтобы помочь разобраться во всем этом.