2016-05-10 16 views
0

Iはgoogle-map Webコンポーネントを使用しています:グーグルマップWebコンポーネントNoApiKeysエラー

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

私は後でAJAXリターンの一部として緯度と経度を添加し、それを表示するようにリサイズ午前:

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

これはすべて正常に動作します。 NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

私は鍵を持って、のようなthe documentationあたりgoogle-map部品のapiKeyプロパティとして指定してみました:最近、私は警告

Google MapsのAPI警告取得していますコンソールに気づきました:

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

しかし、効果はありません。私は何が欠けていますか?

+0

Javascriptを使用する場合、あなたのポストにあなたのJavaScriptコードを追加しますか? (あなたのgmap APIをロードするための行

+0

私は既に使用しているすべてのJavaScriptを含んでいます。スクリプトを含むことは 'google-map'ウェブコンポーネントのフードの下で行われていると思います?私がするのは、緯度と経度を変更してサイズを変更することだけです – wogsland

答えて

2

ドキュメントでapiKeyというプロパティ名が表示されている場合は、実際にはapi-keyを意味します。これは動作します:

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

[here](https://www.polymer-project.org/1.0/docs/devguide/properties.html#property-name-mapping)を追加するだけです。これを説明しているドキュメントへのリンクです。 –

+0

@BenThomasに感謝します! – wogsland

関連する問題