googleマイマップをＨＰに

googleマップの『マイマップ』を「iframe」を使ってHPに埋め込もうと思っています。


大元の（マイマップを埋め込んである）ページにリンクを設置し、地図中のマーカーを移動させることは可能でしょうか？


また、その逆にマーカーにリンクを付けてお大元のページ内容だけを変更させることは出来るでしょうか？



詳しくはこんな感じです



↑動画で説明しています↑


わかりづらいかもですが、よろしくお願いします。

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2013/02/01 09:19

なら、できますよ。

iframeは、リンクのターゲットになりうるので、<a href="[URL]" target="[frameName]">どこ</a>
と・・
　hrefの内容は、iframeのsrcの内容を書く。

★この掲示板の仕様でソースが切れてしまうためhtt:はhttp：に変換してあるので戻すこと
<p>
<iframe width="425" height="350" name="MAP" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http：//maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E9%A7%85&amp;aq=&amp;sll=34.170997,132.22245&amp;sspn=0.009711,0.013797&amp;brcurrent=3,0x60188c0c0b13f54d:0xb630953beee48188,0&amp;ie=UTF8&amp;hq=&amp;hnear=%E6%9D%B1%E4%BA%AC%E9%A7%85%EF%BC%88%E6%9D%B1%E4%BA%AC%EF%BC%89&amp;t=m&amp;z=14&amp;ll=35.681382,139.766084&amp;output=embed"></iframe>
</p>
<p>
<a href="http：//maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E9%A7%85&amp;aq=&amp;sll=34.170997,132.22245&amp;sspn=0.009711,0.013797&amp;brcurrent=3,0x60188c0c0b13f54d:0xb630953beee48188,0&amp;ie=UTF8&amp;hq=&amp;hnear=%E6%9D%B1%E4%BA%AC%E9%A7%85%EF%BC%88%E6%9D%B1%E4%BA%AC%EF%BC%89&amp;t=m&amp;z=14&amp;ll=35.681382,139.766084&amp;output=embed" target="MAP">東京駅</a>
</p>
<p>
<a href="http：//maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E6%B1%A0%E8%A2%8B%E9%A7%85&amp;aq=&amp;sll=35.681382,139.766084&amp;sspn=0.038136,0.055189&amp;brcurrent=3,0x60188d5bb9d45c6b:0x4f1c44deaf8c4d77,0&amp;ie=UTF8&amp;hq=&amp;hnear=%E6%B1%A0%E8%A2%8B%E9%A7%85%EF%BC%88%E6%9D%B1%E4%BA%AC%EF%BC%89&amp;t=m&amp;z=14&amp;ll=35.728926,139.71038&amp;output=embed" target="MAP">池袋駅</a>
</p>
<p>
<a href="http：//maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E4%B8%8A%E9%87%8E%E9%A7%85&amp;aq=&amp;sll=35.728926,139.71038&amp;sspn=0.019056,0.027595&amp;brcurrent=3,0x60188e9e8b28ebb3:0x9bba88ca3db2f4be,0&amp;ie=UTF8&amp;hq=&amp;hnear=%E4%B8%8A%E9%87%8E%E9%A7%85%EF%BC%88%E6%9D%B1%E4%BA%AC%EF%BC%89&amp;t=m&amp;z=14&amp;ll=35.713768,139.777254&amp;output=embed" target="MAP">上野駅</a>
</p>

iframeの使用方法がわからなかったのですか？
　⇒16.5 行内フレーム: IFRAME要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
　のtarget属性を使用します。
サイズ変更とかがないのでしたらobject要素を使用するほうが良いでしょう。strictで作成できます。

この回答へのお礼

あぁ、こんな感じです。

ここまで戴ければ、後はなんとか・・・

出来るといいなぁ。。。
頑張ってみます。

お手数おかけしました。ありがとうございます。

お礼日時：2013/02/02 18:25

No.3 回答者： fujillin 回答日時： 2013/02/01 13:48

マップを埋め込むよりも、APIを利用して表示する方法のほうがご質問のようなことはやりやすいと思います。

「iframe」が必須なのかが不明ですが、iframeでなく直接表示するほうが簡単だと思います。

リンクで移動する部分だけの例ですが…
http://oshiete.goo.ne.jp/qa/7908345.html

マーカーや吹き出し表示をコントロールする例
http://oshiete.goo.ne.jp/qa/7894323.html



好きなように使い倒すにはこちらを理解する必要が…
https://developers.google.com/maps/documentation …

サンプルの使用例がこちらに沢山ありますので、どのようなことができるのかを見るには手っ取り早いかも
https://developers.google.com/maps/documentation …

この回答へのお礼

ですね。１からＡＰＩの使い方などを勉強したほうが良いのかも知れませんね。

色々調べていただいてありがとうございます。

お礼日時：2013/02/02 18:27

No.1 回答者： ORUKA1951 回答日時： 2013/01/31 22:55

始めは意味がわかりませんでした。

HTMLで書かれているウェブページにiframeでgooglemapを埋め込めるかと言うことですね。
HPとはヒューレッドパッカードのことですからHPと略してはなりません。
ホームページトはブラウザを起動したときに最初に表示されるページです。
　「googleMapをホームページにする」だと、ブラウザでgooglemapを表示させて、「このページをホームページにする」で一発で解決します。

　もし、類推どおり「ページに埋め込む」のでしたら、
　⇒iframe googlemap ページに埋め込む - Google 検索 ( https://www.google.com/#hl=ja&gs_rn=1&gs_ri=hp&t … )
　で検索すれば、たくさん情報があります。具体的な方法はそちらを参照されるほうが良いでしょう。

この回答への補足

ＨＰはダメですか？
私の周りではそう記述する人が多かったので。
今後は控えるようにします。
まぁ、それはおいておいて・・・

折角お答えいただきましたが、全く私の質問の意図と違う答えです。
私は、ただ設置したいわけじゃないんです。
その位なら出来ますので。

内容をよく理解した上で、私のやりたい事が出来る方法を教えて下さい。

説明動画は見てもらえたのでしょうか？
ただ、「ホームページに埋め込めるか？」
という質問ではありませんので！！

よろしくお願いします。

補足日時：2013/01/31 23:42