求推荐经纬度检索类库，实现选中城市的地图缩放功能

以下是不同场景下适用的经纬度检索类库：

• GeoPy（Python）：专注地理编码与逆地理编码，支持经纬度和地址的双向转换，批量处理能力强，API设计简洁，适合后端数据预处理或批量检索场景。
• Turf.js（JavaScript）：前端地理空间处理工具库，提供经纬度范围查询、点距离计算、空间关系判断等功能，无缝对接主流前端地图框架，适合前端实时地理检索需求。
• PostGIS（数据库扩展）：PostgreSQL的空间扩展插件，可直接在数据库层面执行经纬度相关的空间查询（如附近点检索、范围筛选），性能优异，适合大数据量的后端地理数据检索场景。

步骤1：整理经纬度数据 #

先把城市与对应经纬度封装成键值对，方便快速查询：

// 以JavaScript为例，其他语言逻辑类似
const cityCoords = {
  "Bangalore": [12.9539974, 77.6309395],
  "Chennai": [13.0473748, 79.9288083],
  "Delhi": [28.6921165, 76.8079346],
  "Mumbai": [19.0821978, 72.741098]
};

步骤2：监听城市选择事件 #

绑定输入框（下拉选择器）的change事件，获取选中城市的经纬度后调用地图缩放方法：

示例（Leaflet地图）

// 初始化地图
const map = L.map('map-container').setView([20.5937, 78.9629], 5);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);

// 获取下拉选择器元素
const citySelector = document.getElementById('city-select');

// 监听选择变化
citySelector.addEventListener('change', () => {
  const selectedCity = citySelector.value;
  const coords = cityCoords[selectedCity];
  if (coords) {
    // 缩放至目标城市，第二个参数为缩放级别（可根据需求调整）
    map.setView(coords, 10);
  }
});

示例（Google Maps）

// 初始化地图
const map = new google.maps.Map(document.getElementById('map-container'), {
  zoom: 5,
  center: { lat: 20.5937, lng: 78.9629 }
});

// 获取下拉选择器元素
const citySelector = document.getElementById('city-select');

// 监听选择变化
citySelector.addEventListener('change', () => {
  const selectedCity = citySelector.value;
  const [lat, lng] = cityCoords[selectedCity];
  if (lat && lng) {
    map.panTo(new google.maps.LatLng(lat, lng));
    map.setZoom(10);
  }
});

关键说明 #

• 缩放级别可根据需求调整：数值越大地图越放大（一般城市级别用10-12，街道级用14-16）；
• 确保地图容器已正确初始化，且类库脚本已引入；
• 若使用其他地图框架（如百度地图、高德地图），核心逻辑一致：获取经纬度后调用框架提供的「设置中心点+缩放」API即可。

内容的提问来源于stack exchange，提问作者Siddhant Singh