質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
iframe

HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

Q&A

0回答

649閲覧

googleマイマップのサイト埋め込みについて

stellanova

総合スコア12

iframe

HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

0グッド

0クリップ

投稿2020/10/30 00:59

編集2020/10/30 01:17

現在wordpressを使用したwebサイトに自身で作成したgoogleマイマップ(マイプレイス)を埋め込んでおります(iframe)。
マイマップ自体には複数のスポットの登録及び、国土数値情報ダウンロードサービスからダウンロードした情報を利用してマップ上のエリアの色分けをしております。
PC表示の場合は特に気になる部分は無いのですが、スマホ表示させるとエリアタップした場合、出てきた情報ウィンドウが閉じることができません。
具体的に言いますと、

エリアA:○○市
エリアA-1:○○市内△△町
エリアA-2:○○市内■■町

○○市という大きな作成したエリア内にエリアA-1、エリアA-2という二つのエリアを作成してそれぞれ色分けをしております。
その中に複数のスポットを登録しています。
既にgoogleに登録済みのスポットをタップして出てきた左情報ウィンドウは閉じる事が出来るのですが、まだgoogleに未登録のスポットや自身で作成したスポット以外のエリア部分をタップした場合に出てくる左情報ウィンドウの場合、閉じるボタンが表示されないため閉じることができません。
自身で設定したエリア外の場所をタップした場合閉じることができる事があるのですが、エリアAの範囲が広いためスマホ表示の場合エリア外をタップするのがとても面倒になっております。
因みに、iphone,Android共に同じ現象です。

有料のgoogleマップAPIを使用する以外で、出てくる左ウィンドウに『閉じるリンク』を作成するなど解決方法がございましたら、何卒ご教授お願い致します。
「実際マップを見てみないとわからない」という場合でしたら、こちらでの公開は難しいですが、個人的にURLをご提示(可能なのか分かりませんが・・・)させて頂きます。
以上、乱筆乱文失礼いたしました。

イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/10/30 01:03

JavaとJavaScriptは全く別物ですが、そのあたりは認識問題ないのでしょうか <タグ
stellanova

2020/10/30 01:08

見当違いなタグ付けでしたら、大変失礼いたしました。 本質問に対しての解決方法に使用されそうな物を当てずっぽうで入れてみたのですが、プロの方から見て見当違いの様でしたら削除させて頂きます。
m.ts10806

2020/10/30 01:26

プロ関係なく、JavaとJavaScriptが別物であることは基本的なところではないでしょうか。 勘違いする人が多すぎるのは名前が似ているからかとは思いますけど、調べてみてください。違い。
stellanova

2020/10/30 01:31 編集

以後の参考とさせていただきます。 ご指摘ありがとうございました。
yuki84web

2020/10/31 14:26

提示されている問題は仕様ゆえにどうしようもないというのが個人的見解です。細かなことをやるのであればAPIを使って画面を自作します。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問