Javascript 如何从Excel表格中读取传单标记的坐标,并将标记放入正确的类别中
我正在尝试创建一个带有大量标记的传单地图。这些标记的坐标可以在Excel文件中找到。A列中有x坐标,B列中有y坐标。此外,标记的类别可在C列中找到。 它们不是蓝色的就是金色的 我想做的是,通过JavaScript读取标记的坐标。同时,我想根据它们各自的类别给它们一个不同的颜色,并把它们放在它们自己的传单层组中 下面是一个简单的JS,我用两个标记来说明基本的传单图。在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
// 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文件中自动读取标记的坐标和类别,以便将其添加到具有可过滤类别的传单地图中