如何飞到存储在变量中的特定坐标？ Leaflet.js

Question

我正在制作一些火灾位置跟踪网站，但遇到 leaflet.js 问题。 我是 leaflet 的新手，非常感谢您的帮助！

我有一个脚本可以从表中获取特定行的 id（表连接到 sql），它可以工作：

var coordinates = [43.855202, 18.417892];//some basic location
var kordinate1 = [43.855202, 18.417892];//same like first
var kordinate;
//code for getting specific id down
const Listen = (doc) => {
    return {
        on: (type, selector, callback) => {
            doc.addEventListener(type, (event)=>{
                if(!event.target.matches(selector)) return;
                callback.call(event.target, event);
            }, false);
        }
    }
};


Listen(document).on('click', '.btn', function (e) {
    idoffire = e.target.id - 100;//ignore this, it works
    coordinates = document.getElementById(idoffire).innerHTML;//read from table space with specific id, also tried changing this to .innerText, .value, but it doesn't work.
    kordinate1 = coordinates.replace(/\s/g, ',');//in table coordinates have only space between them and not comma
    kordinate = "[" + kordinate1 + "]"; //put them like this so map.flyTo can read it, but it doesn't
    console.log(kordinate);//console log of kordinate, and in console, kordinate looks like in picture below
    map.flyTo(kordinate, 18);//PROBLEM HERE!
});

（不要看 e.target.id - 100，这只是获取我的特定 ID 的方法；））

谢谢您的帮助！

注意：我不是想从用户输入中获取坐标，我已经在数据库中有了它们，所以这个问题和这个问题不一样。

再次感谢您的帮助。

Answer 1

您正在将字符串传递给flyTo 。 这不被该方法接受。 该方法接受（作为第一个参数） LatLng你可以使用实用方法L.latLng(number, number, number?)创建一个——参见https://github.com/Leaflet/Leaflet/blob/main/src /geo/LatLng.js 。 与 JavaScript 的性质一样，您也可以传递一个数组[number, number] 。

您可以使用JSON.parse(kordinate)将您的字符串化数组转换为类似后者的文字。

...
kordinateArr = JSON.parse(kordinate);
map.flyTo(kordinateArr, 18);