机场地理搜索

这个演示项目索引了全球约 78,000 个机场，允许您在地图上浏览它们，通过机场详细信息进行搜索，并按多种参数（如机场类型、海拔高度、跑道数量等）进行筛选。

该实现使用 Next.js 和 React 作为前端，并通过 react-instantsearch (opens new window) 和 typesense-instantsearch-adapter (opens new window) 向 Typesense 发起搜索查询。

在线演示 (opens new window) | 源代码 (opens new window)

核心亮点

• 这里 (opens new window)展示了如何为地理搜索配置 typesense-instantsearch-adapter。
• 这里 (opens new window)展示了如何将 Typesense 返回的结果渲染为 Google 地图上的自定义标记。
• 这里 (opens new window)展示了当用户平移地图时如何执行搜索。
• 这里 (opens new window)展示了如何自动将地图平移至搜索结果中的第一条匹配项。
• 这里 (opens new window)展示了当 react-instantsearch 启用 routing 将搜索参数存储在 URL 中时，如何在首次页面加载时从 URL 读取地图边界。
• 这里 (opens new window)展示了如何使用 refinement lists 进行筛选。
• 这里 (opens new window)展示了如何使用 range sliders 进行筛选。