javascript 如何从具有特定类名的表中获取所有数据(坐标)，并将其加载到Map中-传单，.js

x33g5p2x 于 2023-01-24 发布在 Java

关注(0)|答案(1)|浏览(79)

我试图从网站上的表格中获取数据/坐标，然后在传单Map上显示该坐标的标记，但似乎我遇到了一些错误，因为它不工作，我遇到了以下错误：

目前，我有一个for循环，它会为Map上的每个坐标做标记：

function getInputValue() {
        var inputVal1 = document.getElementsByClassName("coord");//class name of coordinates, see picture below
        var inputVal = inputVal1.replace(/\s/g, ',');//format coordinates a little bit, also i tried to put toString()  here, but no luck
        inputValArr = JSON.parse(inputVal);
        var visualmarker;
    
        for (let i = 0; i < inputVal.length; i++) {
            visualmarker = L.marker([inputVal[i]], iconOptionsfire);
            visualmarker.addTo(map);    
        }
    }

HTML格式坐标表之一的图片：

非常感谢，如果你需要更多信息，我在这里

JavaScript

来源：https://stackoverflow.com/questions/75202358/how-to-get-all-data-coordinates-from-table-with-specific-class-name-and-load

1条答案

按热度按时间

ybzsozfc1#

必须将字符串转换为数组
将该数组传递给marker函数。

尝试替换代码

function getInputValue() {
   var inputs = document.getElementsByClassName("coord");
   for (let i = 0; i < inputs.length; i++) {
      var inputVal = inputs[i].innerHTML;
      var coordArr = inputVal.split(" ").filter(Boolean);
      var visualmarker = L.marker(coordArr, iconOptionsfire);
      visualmarker.addTo(map);
    }
}

赞(0）回复(0）举报 2023-01-24

我来回答

javascript 如何从具有特定类名的表中获取所有数据(坐标)，并将其加载到Map中-传单，.js

1条答案

相关问题

热门标签

最新问答