谷歌地图web组件NoApiKeys错误

google-map web component NoApiKeys error

本文关键字:错误 NoApiKeys 组件 web 谷歌地图      更新时间:2023-09-26

我正在使用google-map web组件:

<google-map class="mdl-shadow--2dp"></google-map>

稍后,我将添加一个纬度和经度作为ajax返回的一部分,并调整大小以显示它:

$('google-map')[0].latitude = data.latitude;
$('google-map')[0].longitude = data.longitude;
$('google-map').resize();

所有这些都很好。最近我在控制台上注意到我收到了警告

谷歌地图API警告:NoApiKeyshttps://developers.google.com/maps/documentation/javascript/error-messages#no-api密钥

我得到了一个密钥,并尝试根据以下文档将其指定为google-map组件的apiKey属性:

<google-map class="mdl-shadow--2dp" apiKey="MY_API_KEY"></google-map>

但没有效果。我错过了什么?

所以当文档说apiKey是属性名称时,它们实际上是指api-key。这项工作:

<google-map class="mdl-shadow--2dp" api-key="MY_API_KEY"></google-map>