googlemapのショートコードが表示されない

[marino]

[gmaps address=”東京タワー” height=360px]

こちらのショートコードを使い、確認したところ、
googlemapのプログラムは吐き出されているのですが表示が真っ白です。
（東京タワーはアテです、住所でも同じでした）

下記に出てきたコード貼っておきます。

macchiatoを使い始めたばかりですが、何がおかしいんでしょうか？？
ちなみに、、無料で使えるショートコードの一覧はまとまっていないのでしょうか？
（最初テーマ説明に何も書いてなかったので全部無料かと思っておりました、、）

ちなみに、サイトはログインしないと見れないよう、
プラグインをかけています。それが原因なのでしょうか、、？
公開した時見れないと困るので、教えていただけると助かります。

お手数ですが宜しくお願い申し上げます。

<div id=”dp_sc_gmaps-4925822ce195b5f7″ style=”width:100%;height:360px;”></div>
<div><script>j$(function(){var address=’東京タワー’;new google.maps.Geocoder().geocode({‘address’:address},cbRend4925822ce195b5f7);});function cbRend4925822ce195b5f7(results,status) {if(status==google.maps.GeocoderStatus.OK) {var pos=results[0].geometry.location,options={zoom:18,draggable:false,scrollwheel:false,center:pos,mapTypeId:google.maps.MapTypeId.ROADMAP},gmap=new google.maps.Map(document.getElementById(‘dp_sc_gmaps-4925822ce195b5f7’),options),mkOpt={map:gmap,position:pos},mk=new google.maps.Marker(mkOpt),styleOpt=[{‘stylers’:[{‘lightness’:0},{‘visibility’:’simplified’},{‘gamma’:1},{‘saturation’:0}]}],styledMapOpt={name:’stlyedmapdp_sc_gmaps-4925822ce195b5f7′},mapType=new google.maps.StyledMapType(styleOpt,styledMapOpt);gmap.mapTypes.set(‘dp_sc_gmaps-4925822ce195b5f7’,mapType);gmap.setMapTypeId(‘dp_sc_gmaps-4925822ce195b5f7’);} else {console.log(‘gmaps err:’+status);}}</script></div>

[DigiPress サポート]

Googleマップが表示されない原因は、テーマではなく大抵がGoogle Maps APIとのやり取りで問題があることが原因です(APIキーが指定されていない、Google APIに対象サイトのドメインを許可登録していない、など)。

まずは原因(エラー)を調査してください。

https://digipress.info/manual/shortcode-list/6/#i-6

[marino]

APIキーの設定という項目があったのですね！
こちら設定してみます。ありがとうございました。

[投稿者]

投稿