09.18 UI 端高德地图说明



介绍

后台店铺地图位置选择等功能使用的是AVUE框架的地图控件，由于被高德官方反复电话询问限制，所以在使用时请自行在高德官方申请必要的key进行地图配置才能正常使用地图功能

注意：请及时替换代码中地图key，因为高德官方商用授权限制，代码中的key只用来测试学习使用，可能随时会更换或失效。

高德官方有提供学习测试key的流量，只要流量不是太大就不会被高德官方电话询问。

替换步骤：

1. 前往高德官方控制台申请自己的应用 安全密钥 和 key

2. 替换joolun-plus-ui/index.html文件中的 安全密钥 和 key 即可

<!-- AVUE地图坐标选择器，,此key只用来测试使用，可能会随时更换或失效，请自行前往高德官方申请 https://console.amap.com/dev/key/app -->
    <script>
      window._AMapSecurityConfig = {
        securityJsCode: "安全密钥"
      };
    </script>
    <script
      type="text/javascript"
      src="https://webapi.amap.com/maps?v=2.0&key=key&plugin=AMap.PlaceSearch,AMap.Geocoder"
    ></script>

其他

如果出现运行项目浏览器控制台报如下错误：

main.js?v=1.0.11:4 Uncaught Error: 请前置引入高德地图 JSAPI ，参见https://lbs.amap.com/api/jsapi-v2/guide/amap-ui/intro

表示要更换 joolun-plus-ui/index.html 文件中的 安全密钥 和 key

• 已知原因：高德key已经超出了账号规定每月使用量引起。

不想使用高德地图

提示：国家基础地理信息中心有提供官方免费的地图，如果不想使用高德可自行替换接入。 https://www.tianditu.gov.cn/about/