高德地图搜索定位应用 - Deno版

这是一个基于高德地图 JavaScript API 2.0 开发的地图搜索定位应用，支持地点搜索、坐标定位和搜索历史记录保存功能。本项目已调整为可在Deno Deploy上部署的格式。

功能特点

• 基于高德地图 JavaScript API 2.0
• 支持地点名称搜索定位
• 支持经纬度坐标定位
• 自动保存搜索历史记录（最多保存10条）
• 记住最后一次定位位置，刷新页面后自动显示
• 点击历史记录可快速重新搜索
• 支持清空历史记录
• 搜索结果显示地点详细信息
• 支持表单提交位置信息

项目结构

/front
  /index.html    # 前端页面
  /main.js       # 前端JavaScript代码
/server.ts       # Deno服务器代码
/deno.json       # Deno配置文件
/README.md       # 项目说明文档

本地运行

1. 安装 Deno：https://deno.land/#installation

2. 启动本地服务器：

deno task start

3. 在浏览器中访问：http://localhost:8000

Deno Deploy部署步骤

1. 注册Deno Deploy账号：https://deno.com/deploy

2. 创建新项目并关联GitHub仓库

3. 配置部署设置：

   • 入口文件：server.ts
   • 环境变量：无需特别设置

4. 部署完成后，您将获得一个*.deno.dev域名

高德地图API配置

在使用前，您需要替换 front/index.html 文件中的高德地图 API Key 和安全密钥：

<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode: "您的安全密钥"
    };
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您的key值&plugin=AMap.PlaceSearch,AMap.ToolBar,AMap.Scale"></script>

如何获取高德地图 API Key 和安全密钥：

1. 注册成为高德开放平台开发者
2. 申请 Web 平台（JS API）的 Key 和安全密钥
3. 详情请参考：JS API 安全密钥使用

注意事项

• 请确保您的高德地图 API Key 具有足够的配额
• 本应用使用 LocalStorage 存储历史记录和最后位置，如果用户清除浏览器数据，这些记录将被删除
• 在Deno Deploy上部署时，请确保您的API Key已设置正确的域名白名单