google-map web组件NoApiKeys错误

Question

我使用的是google-map网络组件：

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

我稍后在其中添加纬度和经度作为ajax返回的一部分并调整大小以显示它：

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

这一切都很好。最近我注意到在控制台中我收到了警告

  

Google Maps API警告：NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

我收到了一个密钥，并尝试将其指定为每个the documentation的apiKey组件的google-map属性，如：

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

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

Answer 1

因此，当文档说apiKey是属性名称时，它们的确意味着api-key。这有效：

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