gpt4 book ai didi

javascript - 如何在 html javascript 中验证 google maps api key ?

转载 作者:可可西里 更新时间:2023-11-01 12:56:57 26 4
gpt4 key购买 nike

我有一个相当标准的 Google map 页面,使用我自己的 API key 。该页面仅通过 JS 添加一些标记并将其呈现在文本框中。如果 key 无效或过期或其他原因,将显示以下页面。

enter image description here

这很好,但我想至少告诉用户为什么它是错误的。 map 按标准访问:

...
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?key=API_KEY"></script>
</head>
<body>
<div id="map"></div>
<p><input type="text" "readonly" id="status" size=40></p>
...

但是,我想检查 API key 是否有效,并在该文本框中告诉用户 key 是否正常。

我该怎么做?

附言。在 src= 中使用 callback 函数的问题是,无论 API 状态是什么,它都会返回,但实际上不是状态本身。 Here是这个的kludge解决方案。


编辑:我在隐晦的 poorly documented 中找到了答案回调函数,gm_authFailure(),解决了我的问题:

function gm_authFailure() { 
let apiError = "No or invalid API key!"
document.getElementById('status').value = apiError;
};

您甚至不需要在您的 URL 中指定此回调,它无论如何都会使用它!

最佳答案

添加这个:

function gm_authFailure() { alert('yo'); };

在全局范围内。据此:

https://developers.google.com/maps/documentation/javascript/events#auth-errors

关于javascript - 如何在 html javascript 中验证 google maps api key ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49100807/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com