Javascript 如何从Excel表格中读取传单标记的坐标,并将标记放入正确的类别中

Javascript 如何从Excel表格中读取传单标记的坐标,并将标记放入正确的类别中,javascript,excel,leaflet,maps,Javascript,Excel,Leaflet,Maps,我正在尝试创建一个带有大量标记的传单地图。这些标记的坐标可以在Excel文件中找到。A列中有x坐标,B列中有y坐标。此外,标记的类别可在C列中找到。 它们不是蓝色的就是金色的 我想做的是,通过JavaScript读取标记的坐标。同时,我想根据它们各自的类别给它们一个不同的颜色,并把它们放在它们自己的传单层组中 下面是一个简单的JS,我用两个标记来说明基本的传单图。在Excel表格中,有数百个,因此我想自动化将它们添加到地图的过程。代码可在此处找到: // center of the map va

我正在尝试创建一个带有大量标记的传单地图。这些标记的坐标可以在Excel文件中找到。A列中有x坐标,B列中有y坐标。此外,标记的类别可在C列中找到。 它们不是蓝色的就是金色的

我想做的是,通过JavaScript读取标记的坐标。同时,我想根据它们各自的类别给它们一个不同的颜色,并把它们放在它们自己的传单层组中

下面是一个简单的JS,我用两个标记来说明基本的传单图。在Excel表格中,有数百个,因此我想自动化将它们添加到地图的过程。代码可在此处找到:

// center of the map
var center = [51.06, 5];

// Create the map
var map = L.map('map').setView(center);

var goldIcon = new L.Icon({
      iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-gold.png',
      shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
      iconSize: [25, 41],
      iconAnchor: [12, 41],
      popupAnchor: [1, -34],
      shadowSize: [41, 41]
    });
  
var blueIcon = new L.Icon({
      iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-blue.png',
      shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
      iconSize: [25, 41],
      iconAnchor: [12, 41],
      popupAnchor: [1, -34],
      shadowSize: [41, 41]
    });

map.setZoom(6.7); 

var marker23 = L.marker([51.92344842913043, 4.469005926663859] , {icon: goldIcon}).addTo(map); 
    
    marker23.bindPopup("<b>This is a golden marker</b><br><br>" + '');
    
    marker23.on("click",function(ev){
        layer.openPopup();
    });
  
  var marker31 = L.marker([51.97245534304484, 5.651563926689895], {icon: blueIcon}).addTo(map); 
    
    marker31.bindPopup("<b>This is a blue marker</b><br><br>" + '');
    
    marker31.on("click",function(ev){
        layer.openPopup();
    });

// Set up the OSM layer
L.tileLayer(
  'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 18
  }).addTo(map);

// add a marker in the given location
var golden = L.layerGroup([marker23]);
var blue = L.layerGroup([marker31]);

var overlayMaps = {
        //<h4>Vormen van steward-ownership</h4>;
        "golden": golden.addTo(map), 
        "blue": blue.addTo(map), 
    };

L.control.layers(null, overlayMaps, {collapsed:false}).addTo(map);

$(".leaflet-control-layers-overlays").prepend("<label><b>Colors</b></label>");
//地图的中心
var中心=[51.06,5];
//创建地图
var map=L.map('map').setView(中间);
var goldIcon=新的L.图标({
伊克努尔:'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-gold.png',
shadowUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
iconSize:[25,41],
iconAnchor:[12,41],
popupAnchor:[1,-34],
阴影大小:[41,41]
});
var blueIcon=新的L.图标({
伊克努尔:'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-blue.png',
shadowUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
iconSize:[25,41],
iconAnchor:[12,41],
popupAnchor:[1,-34],
阴影大小:[41,41]
});
地图设置缩放(6.7);
var marker23=L.marker([51.92344842913043,4.469005926663859],{icon:goldIcon});
marker23.bindpoop(“这是一个金色的标记,

”+”); 标记23.打开(“点击”,功能(ev){ layer.openPopup(); }); var marker31=L.marker([51.97245534304484,5.6515639266895],{icon:blueIcon}); marker31.bindpoop(“这是一个蓝色标记,

”+”); 标记31.打开(“点击”,功能(ev){ layer.openPopup(); }); //设置OSM层 蒂莱耶( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{ 最大缩放:18 }).addTo(地图); //在给定位置添加标记 var golden=L.layerGroup([marker23]); var blue=L.layerGroup([marker31]); var overlayMaps={ //沃曼·范·斯图尔特所有权; “golden”:golden.addTo(地图), “蓝色”:蓝色。添加到(地图), }; 层(空,覆盖映射,{collapsed:false}).addTo(映射); $(“.传单控制层覆盖”)。前置(“颜色”);
问题:如何从Excel文件中自动读取标记的坐标和类别,以便将其添加到具有可过滤类别的传单地图中