帮助首页 > 网站操作说明 · 0. 前言 · 系统信息与环境 > Web 端地图与定位服务配置说明

Web 端地图与定位服务配置说明

Web 端地图(JS API)与定位服务(Web 服务)配置说明

手机顶栏自动定位顺序与后台选项 → 见 WAP 手机端定位流程说明(简明版)

为什么要分开?

各地图平台 同一账号下可创建多个 Key,但 浏览器端(JS API)服务端(Web 服务) 用途、白名单完全不同,不能混用

类型用途白名单后台配置
浏览器端 JS API内嵌地图、GPS 导航 Tab、发布页选点域名 / Referer设置 → 功能设置config.html
Web 服务PHP 服务端 IP 定位、GPS 逆地理编码IP设置 → 城市分站设置location.html

一、Web 端地图(前台浏览器)

后台:设置 → 常用功能 → 功能设置/backstage/setting/config.html

本页 高德 / 百度 / 腾讯 三组 Key 同时展示,可分别填写。

「默认地图(选点/详情)」 下拉只决定:发布页地图选点、PC 商家侧栏小地图等默认用哪一种。

WAP GPS 导航页(如 wap/shop/gps/shop_id/xxx.html)顶栏固定 高德 | 百度 | 腾讯 三个 Tab,通过 URL 切换:

TabURL 参数读取的后台字段
高德type=1 或不带 type(跟默认地图)web_map_gaode_key + web_map_gaode_security_code
百度type=2web_map_baidu_ak(浏览器端 AK)
腾讯type=3web_map_tencent_key(Javascript API Key)

1. 高德 · Web端(JS API)

控制台项
Key 名称如:法律服务平台
服务平台Web端(JS API)
域名白名单falvfuwuw.cnbaoanfuwu.cnbanyanfw.comlocalhost(本地调试)
安全密钥填入后台「高德安全密钥」
后台字段说明
高德 JS API KeyWeb端(JS API) Key
高德安全密钥securityJsCode(2021-12 后新建 Key 必填)

加载 JS API 之前须设置:

window._AMapSecurityConfig = { securityJsCode: "您的安全密钥" };

2. 百度 · 浏览器端 JS API(非服务端)

控制台项
应用类型浏览器端(不是服务端)
启用服务JavaScript API
Referer 白名单本站域名,如 *.falvfuwuw.cn
后台字段说明
百度 JS API AK浏览器端 AK,填在 config 页
百度 Web 服务 AK填在 location 页,仅服务端逆地理,不能用于 GPS 内嵌地图

若 GPS 页百度 Tab 提示「未加载」,常见原因:把 服务端 AK 误填到了 百度 JS API AK


3. 腾讯 · Javascript API(非 WebService/IP 白名单)

控制台项
启用产品Javascript APIJavascript API GL地图组件
域名白名单falvfuwuw.cnbaoanfuwu.cn
后台字段说明
腾讯 JS API Keyconfig 页,浏览器端 Key
腾讯 Web 服务 Keylocation 页,IP 白名单(如 112.26.255.213),不能用于 WAP 内嵌地图

控制台公告:新申请的 服务端 AK 不再支持浏览器端;GPS 页须使用 浏览器端 Key


二、定位服务(PHP 服务端)

后台:设置 → 基本设置 → 城市分站设置/backstage/setting/location.html

字段说明
IP 定位库高德 / ip2region 等
高德 Web 服务 KeyWeb服务 Key + IP 白名单
高德数字签名私钥开启数字签名后必填
百度 Web 服务 AK服务端,非浏览器 JS AK
腾讯 Web 服务 Key服务端 IP 白名单,非 Javascript API
GPS 逆地理服务商浏览器 GPS 坐标转城市(走 Web 服务)

三、常见失败与处理

现象原因处理
百度地图未加载用了服务端 AK 或未填浏览器 AKconfig 页填 百度 JS API AK
腾讯地图空白用了 IP 白名单 Web 服务 Keyconfig 页填 Javascript API Key + 域名白名单
高德地图空白Key/安全密钥错误或域名未白名单检查 JS API Key + securityJsCode
IP 定位 INVALID_USER_IP服务器 IP 不在 Web 服务白名单location 页 Key 加出口 IP
USERKEY_PLAT_NOMATCHJS API Key 与 Web 服务 Key 混用按上表分开填写
GPS 逆地理只到市IP 定位本身精度限制使用手机 GPS + 逆地理可到县/区

四、公司坐标选点(商家编辑 / 公司管理)

公司 经度、纬度 跟随后台 「Web 端地图服务 → 默认地图」 的坐标系(默认高德为 GCJ-02)。前台 GPS 导航三 Tab 会按需要自动转换(高德/腾讯用 GCJ,百度用 BD-09)。

页面地图 Key 来源说明
系统后台 商家编辑 →「地图选点」弹窗config.web_map_*(跟默认地图)支持高德/百度/腾讯/Google,可搜索地址
商家 PC 后台 公司管理 → 公司文字资料同上页内嵌地图选点,与发布页一致
WAP 商家后台 基本设置 → 公司坐标同上,wap/api/maps 跟默认地图弹层选点,回写 lng/lat
发布页 / 生活信息选点同上 web_map_service与公司坐标同一套逻辑

配置路径:设置 → 常用功能 → 功能设置Web 端地图服务(默认地图 + 对应 JS API Key)。

  • 默认 高德:须填 高德 JS API Key + 安全密钥(浏览器端,域名白名单)
  • 默认 百度:须填 百度 JS API AK(浏览器端,Referer 白名单)
  • 默认 腾讯:须填 Javascript API Key(域名白名单)

不是 location 页的 Web 服务 AK(那个只给 IP 定位 / GPS 逆地理用)。

历史数据若曾用百度选点存 BD-09,GPS 页会自动识别;重新选点保存后即为新坐标系。


五、法律站 / 保安站

两端代码共用,各站后台 分别保存 各自 Key:

站点JS API 域名白名单Web 服务 IP 白名单
法律 baoanfalvfuwuw.cn该站服务器公网 IP
保安 babaoanfuwu.cn该站服务器公网 IP

代码与帮助文档需 两端同步(见 .cursor/rules/sync-to-ba-security-site.mdc)。


六、自检清单

  1. config 页:高德 JS Key + 安全密钥;百度 浏览器端 AK;腾讯 Javascript API Key
  2. 默认地图:选一种作为发布选点默认(GPS 页仍可三 Tab 切换)
  3. location 页:各平台 Web 服务 Key + IP 白名单 + 高德签名私钥(若开启)
  4. GPS 页测试wap/shop/gps/shop_id/xxx/type/1|2|3 分别验证
  5. 控制台:浏览器 Key 用域名白名单;服务端 Key 用 IP 白名单
  6. 公司坐标:系统后台商家编辑、商家 PC/WAP 公司管理选点是否正常(跟默认地图,须填对应 JS API Key)
copyright 2013-2113 www.baoanfuwu.cn All Rights Reserved 保安服务网版权所有
皖ICP备2021016109号-1