高德地图添加安全密钥

最新推荐文章于 2024-04-26 20:05:58 发布

@才华有限公司

最新推荐文章于 2024-04-26 20:05:58 发布

阅读量3.9k

点赞数 1

分类专栏：高德地图文章标签：安全 javascript 前端

本文链接：https://blog.csdn.net/gentleman_hua/article/details/125705138

版权

高德地图专栏收录该内容

1 篇文章 0 订阅

订阅专栏

通过`插件方式`使用的高德地图：

在vue组件中添加安全密钥

<script setup>
import { useRouter } from "vue-router";

const router = useRouter();

window._AMapSecurityConfig = {
  //这里的安全密钥不写会导致 行政区查询等API无法使用
  securityJsCode: `${MapSecretKey}`,
};
</script>

通过`html引用方式`使用的高德地图：

在publice目录下的`index.html`添加密钥，在使用的组件中添加密钥无效

  <script>
     window._AMapSecurityConfig = {
            securityJsCode:'申请的安全密钥',  
        }
  </script>


 <script
    src="https://webapi.amap.com/maps?
    v=1.4.15&key=申请的key&plugin=Map3D,AMap.DistrictSearch,AMap.overlayGroup,AMap.object3Dlayer">
 </script>