GoogleMapのiframe埋め込みでピンが表示されないので、表示させたい。

Question

現在とある店舗のサイト作成をしているのですが、なぜがiframeの埋め込みでピンが表示されません。
既存のコードファイルのどこかに不具合があるのかもしれませんが、一から私が対応しているものでないため、そのような記述がどこにあるのか、そもそもAPIではなくiframeのMapピンを消すコードがあるのかも、調べた限りでは詳しいものは出てきませんでした。

今回はもともとGoogleMapAPIで地図を表示させて入りましたが、課金制なり、支払い設定をしていないためMapがエラー表示できちんと表示されていないので、急遽iframeの埋め込みで対応することになりました。
サイトに埋め込んでいるMapのコードは下記です。（PHPでCSVを書く店舗ごとに<?=urlencode($q)?>で読み取って表示させているため以下の記述のみ）

<iframe src="https://www.google.com/maps/embed?pb=<?=urlencode($q)?>" width="350" height="216" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
<p><a href="https://www.google.com/maps/place/?q=<?=urlencode($q)?>" target="_blank"><img src="images/btn_map.png" alt="大きな地図を見る（Google Map）" width="256" height="16"></a></p>

＜埋め込み手順＞
Googleで住所と店舗名を検索しピンポイントで地図を表示させ、共有ボタンから地図を埋め込む→サイズをカスタマイズで350*216へ変更しコピー→CSVファイルにsrc="https://www.google.com/maps/embed?pb=ここのみ貼り付け"→テストサーバーへアップし確認。

＜起きている現象＞
・埋め込んだ地図にピンが表示されない
・左上の拡大地図を表示で遷移してもピンが表示されない。
・同じiframeのULRで別のサイトで埋め込み（PHPで読み込みではなく単純にHTMLにそのまま貼り付け）で試してみると問題なく表示される。※ここが一番不思議です。ピンを消すJSが入っているのか、PHPでのCSV読み込みがダメなのか、、、？

＜改善したい症状＞
・埋め込んだ際に赤いピンを表示させたい。
・拡大表示した際にもピンを表示させたい。

どなたか解決策、もしくはiframeの埋め込みでピンを消す方法を知っていたら教えていただきたいです（こちらで同じようなことをしている可能性があるため）。詳しい内容を記載しているサイトでも大丈夫ですが、公式含め大抵見ました。

よろしくお願い致します。

Answer 1

直接の回答ではありませんが、ズームレベル等で表示されたりされなかったりがあるようです。

【google maps - googlemapのembed API(place)でのピン表示 - スタック・オーバーフロー】
https://ja.stackoverflow.com/questions/53645/googlemap%E3%81%AEembed-apiplace%E3%81%A7%E3%81%AE%E3%83%94%E3%83%B3%E8%A1%A8%E7%A4%BA

【埋め込みGoogleMapの見た目を調整する - Qiita】
https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7

Comments

[gerick]

返信が遅くなってしまい申し訳ありません！
サイズは問題ないようで、同じサイズで他のhtmlへ貼り付けるとちゃんと表示されます。
なので、iframe自体には特に問題はないようで、それ以外にピンを消している要因があるようです。
JSやPHPでそういった技法みたいなものは存在しますでしょうか？

[kei344]

> 技法
何について回答してよいのかわからない。iframe内のコンテンツ提供者が特定URLに対して特定動作を起こすことができるか、という意味ではできます。それをiframe外のコンテンツ側からアクセスできるかといえばできません。

課金制に変わったあとにAPIの対応をしていなかったドメインに対して、対応方法を変えていてもおかしくは無いと思います。（当然ただの地図提供側のエラーの可能性もありますが）

窓口があるかはわかりませんが、問い合わせをするくらいしか対応方法を思いつきません。