通過插件方式使用的高德地圖：

在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><scriptsrc="https://webapi.amap.com/maps?v=1.4.15&key=申請的key&plugin=Map3D,AMap.DistrictSearch,AMap.overlayGroup,AMap.object3Dlayer"></script>

總結

以上是生活随笔為你收集整理的高德地图添加安全密钥的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。