Geojsonと座標テーブルを使用してポイントを作成する

Question

現在、「スクロール位置に基づく位置に移動」というテンプレートを使用してブログを作成しています。しかし、私はそれを使っているので、私は表示するために膨大な量のポイントを持っています。したがって、マップ上に表示するマーカーの座標を含むテーブルを作成します。しかし、私は完全に機能的なテーブルを取得することはできません。コード内でforループが実行されているのがわかりますが、マーカーは表示されません。 私はパラメータを置くために関数を使わなければならないことは知っていますが、私はGeojsonをどのように知っていますか。 この問題を手伝ってもらえますか？

Ruman

コード

var tab_coordo = [-5.949547290802002,54.6500264517435,-9.42651,52.97188,-9.465258121490479,51.94015569078675,12.352237701416016, 45.4577225021236]; 

for (tab_coordo = 0; tab_coordo < tab_coordo.length; tab_coordo++) { 
    var geojson ={ 
     "features": [{ 
      "type": "Feature", 
      "geometry": { 
       "type": "Point", "coordinates": [tab_coordo, tab_coordo++]//ireland cavehills 
     }, 
      "properties": { 
       "title" : "jaimiejourneys", 
       "video": ("<iframe src='https://www.instagram.com/p/BWbCDZKA-Nu/embed' width='200' height='200' frameborder='0' scrolling='no'></iframe>") 
      } 
     }, 
     ] 
    }     

// add markers to map 
geojson.features.forEach(function(marker) { 

// create a HTML element for each feature 
    var el = document.createElement('div'); 
    el.className = 'marker'; 

    // make a marker for each feature and add to the map 
    new mapboxgl.Marker(el, { offset: [-50/2, -50/2] }) 
    .setLngLat(marker.geometry.coordinates) 
    .setPopup(new mapboxgl.Popup({ offset: 25 }) // add popups 
    .setHTML('<p>' + marker.properties.video + '</p>')) 
    .addTo(map); 
});  

}

Answer 1

それは:)

var tab_coordo = [ 
-5.949547290802002, 54.6500264517435, 
-9.42651,52.97188, 
-9.465258121490479,51.94015569078675, 
12.352237701416016, 45.4577225021236 
12.411632537841797, 45.488298185683945 
]; 
var coordo= tab_coordo.length; 
for (var inc = 0; inc < coordo; inc=inc+2) {  
//var inc_coordo = inc; 
var geojson ={ 
     "features": [{ 
      "type": "Feature", 
      "geometry": { 
       "type": "Point", "coordinates": [tab_coordo[inc], tab_coordo[inc+1]] 
      }, 
      "properties": { 
       "title" : "jaimiejourneys", 
       "video": ("<iframe src='https://www.instagram.com/p/BWbCDZKA-Nu/embed' width='200' height='200' frameborder='0' scrolling='no'></iframe>") 
      } 
     }, 
     ] 
}