leaflet加载一个线上的json地址怎么加载

在Leaflet.js中，要加载线上JSON地址的数据，你可以使用`L.geoJSON()`方法。这个方法用于创建一个新的图层，它包含了从指定的GeoJSON数据源加载的地理信息。以下是基本步骤：

1. 首先，确保已经引入了Leaflet库以及JSONP（因为有些服务器可能不允许跨域直接GET请求，需要JSONP来绕过同源策略）。

<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>

2. 然后，在JavaScript代码中，定义地图并加载GeoJSON数据：

// 创建地图
var map = L.map('map').setView([51.505, -0.09], 13);

// 使用JSONP获取在线数据
var geoJsonUrl = 'http://your-online-json-url.com/your-data.json?callback=?'; // 替换为你的JSON URL

// 使用JSONP函数名作为回调函数，这样服务器会返回类似 `yourCallbackFunction({"features":...})`
function yourCallbackFunction(featureCollection) {
    L.geoJSON(featureCollection).addTo(map);
}

// 发送异步请求
$.getJSON(geoJsonUrl, function(data) { // 使用jQuery的getJSON方法，因为 Leaflet依赖于jQuery的AJAX支持
    yourCallbackFunction(data); // 数据到达后，立即执行回调函数
});

在这个例子中，`featureCollection`是一个包含了GeoJSON几何对象和属性的对象，`L.geoJSON(featureCollection)`将其转换为 Leaflet 可以理解的格式并在地图上显示。