如何按驾驶距离过滤德国城市列表，基于luftlinie.org实现自动筛选

问题原因 #

你编写的前端脚本无输出是受到浏览器**同源策略（CORS）**限制：浏览器默认禁止前端JS直接发起跨域请求访问第三方站点的资源，因此你的$.get请求会直接被拦截，触发错误回调。

要实现批量查询需求，推荐使用无跨域限制的服务端脚本实现，以下是基于Node.js的完整可运行方案：

前置准备 #

• 安装Node.js运行环境
• 新建项目文件夹，在文件夹内执行命令安装依赖：

npm init -y
npm install axios cheerio

完整实现代码 #

将以下代码保存为filter-cities.js：

const axios = require('axios');
const cheerio = require('cheerio');

// 1. 存入城市列表
const cityList = [
  "Bad Eilsen",
  "Buchholz",
  "Hannover",
  "Heeßen",
  "Luhden",
  "Samtgemeinde Lindhorst",
  "Beckedorf",
  "Heuerßen",
  "Berlin",
  "Lindhorst",
  "Lüdersfeld",
  "Samtgemeinde Nenndorf",
  "Bad Nenndorf",
  "Haste",
  "Kassel",
  "Hohnhorst",
  "Suthfeld",
  "Samtgemeinde Niedernwöhren",
  "Lauenhagen",
  "Meerbeck",
  "Dortmund",
  "Niedernwöhren",
  "Nordsehl",
  "Pollhagen",
  "Wiedensahl",
  "Samtgemeinde Nienstädt",
  "Helpsen",
  "Hespe",
  "Frankfurt",
  "Nienstädt",
  "Freiburg",
  "Seggebruch",
  "Potsdam"
];
const baseUrl = "https://www.luftlinie.org/Hameln,Niedersachsen,DEU/{city},Niedersachsen,DEU/";
const validCities = [];

// 批量查询，加1秒间隔避免被站点限流
async function filterCities() {
  for (let city of cityList) {
    try {
      const url = baseUrl.replace('{city}', encodeURIComponent(city));
      const res = await axios.get(url, { timeout: 10000 });
      const $ = cheerio.load(res.data);
      // 提取距离数值
      const distanceText = $('span.value').text().trim();
      const distance = parseFloat(distanceText.replace('km', '').trim());
      if (!isNaN(distance) && distance <= 75) {
        validCities.push(`${city} (${distance}km)`);
      }
      // 间隔1秒再发下一个请求
      await new Promise(resolve => setTimeout(resolve, 1000));
    } catch (e) {
      console.log(`查询${city}失败: ${e.message}`);
    }
  }

  // 输出结果
  console.log('===== 距离小于等于75km的城市列表 =====');
  validCities.forEach(item => console.log('- ' + item));
}

filterCities();

运行方式 #

在项目文件夹内执行命令：

node filter-cities.js

等待执行完成即可在控制台看到符合条件的城市列表。

内容的提问来源于stack exchange，提问作者Beginner HTML