在leaflet加载后端flask数据

要在Leaflet中加载后端Flask数据，可以使用以下步骤：

1. 在Flask中创建一个API端点，通过该端点可以获取所需的数据。例如，可以使用Flask的路由装饰器来创建端点：

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/data')
def get_data():
    # 从数据库或其他来源获取数据
    data = [{'lat': 51.508, 'lng': -0.120},
            {'lat': 51.505, 'lng': -0.121},
            {'lat': 51.510, 'lng': -0.119}]
    
    # 将数据转换为JSON格式并返回
    return jsonify(data)

2. 在Leaflet中使用AJAX请求获取数据。可以使用jQuery的`$.ajax()`函数或原生的`XMLHttpRequest`对象来发送请求。例如：

// 发送AJAX请求获取数据
$.ajax({
    url: '/api/data',
    dataType: 'json',
    success: function(data) {
        // 在地图上添加数据点
        for (var i = 0; i < data.length; i++) {
            L.marker([data[i].lat, data[i].lng]).addTo(map);
        }
    }
});

或者：

// 发送AJAX请求获取数据
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.onload = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var data = JSON.parse(xhr.responseText);
        // 在地图上添加数据点
        for (var i = 0; i < data.length; i++) {
            L.marker([data[i].lat, data[i].lng]).addTo(map);
        }
    }
};
xhr.send(null);

其中，`/api/data`是Flask API端点的URL，`dataType`指定了要获取的数据类型，`success`是请求成功后的回调函数，`xhr.onload`则是原生的XMLHttpRequest对象的回调函数。在回调函数中，解析返回的JSON数据，并使用Leaflet的`L.marker()`函数在地图上添加数据点。

这样就可以在Leaflet中加载后端Flask数据了。