我有一个相当标准的 Google map 页面,使用我自己的 API key 。该页面仅通过 JS 添加一些标记并将其呈现在文本框中。如果 key 无效或过期或其他原因,将显示以下页面。
这很好,但我想至少告诉用户为什么它是错误的。 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/