グーグルマップで矢印やＵＲＬは？

実は私の場合、自分でもブログ(ＦＣ２)を作ってるんですが
其(そ)のブログにグーグルマップを載せたい為
方法が知りたいと言う質問です

詳細ですが、場所を紹介するのに
特定の場所で、マップに目印を付けて地図を載せたいのと
更にはストリートビューの画像も付けたいと思います

しかし…グーグルマップは最近(？)仕様変更された様で
例えばＵＲＬでも、以前は鎖の様なアイコンをクリックすれば
埋め込みが表示出来ましたが、今は其れが見つかりません

ちなみに私の使い方は
ブラウザはＦｉｒｅｆｏｘなんですが
ネットを閲覧中に特定の文字をドラックし
右クリックするとグーグルの検索項目が出るんで
其れをクリック…

するとグーグルの検索画面が出る為
其処で検索窓に住所を入れて地図をクリックすると
グーグルマップにアクセス出来ました

余談ですが、此の方法でアクセスした理由は
右クリックから検索画面を出した方が
使い易かったからです

ただ…今試したんですが
最初からグーグルの検索画面のトップ
https://www.google.co.jp/webhp?hl=ja
を出しても結果は同じでしたから画面は変わりません

しかし現在は、此の方法で地図を出しても
レイアウトが変わってる為、
地図上で印を付けての埋め込みを出す方法も
ストリートビューで埋め込みを出す方法も分かりません

No.1 回答者： torayoshi 回答日時： 2014/03/23 18:56

地図とストリートビューの並列表示での埋め込みはAPIを使うと良いと思います。

新レイアウトでも埋め込みコードは出ますが、ストリートビューは埋め込み出来ないようです。

ここらへんが参考になるかと。
http://phpjavascriptroom.com/?t=ajax&p=googlemap …

試しに私もやってみました。
JR宇都宮駅西口付近のマップとストリートビューの埋め込みです。
http://www16.plala.or.jp/zaq_501/googlemapAPIpan …
仕様の違うAPI
http://www16.plala.or.jp/zaq_501/googlemapAPI.html

この回答へのお礼

回答有り難う御座います

ただ……申し訳ありません
御紹介のＵＲＬなんですが何が書いてるのかが
ほとんど分かりませんでした

詳細ですが、私はブログは作ってますが
ＨＰは作った事が無いのと同様
正確には解説用にテキスト形式(？)で作っただけなんで
ほとんどブログと変わらない状態で作りました

従って、御紹介のＵＲＬも
何が書いてるのかが分かりませんでした

但し、分からないと言っても
全く分からない訳じゃ無かったです
正確に言うと、詳し過ぎる設定と言うんでしょうか？

例えば「ストリートビューパノラマ」なら
設置サンプルのタグを見ても
まず地図のＵＲＬを記入する場所が分からない

更に『* 初期設定 *』
『* 緯度・経度：日本, 表参道駅（東京）*/』
の項目など、そんな事迄自分で入力するのか？

また、入力する場合でも
地図上の何処を見れば良いのかが分からない…

そして「ストリートビューパノラマのイベント」
の所でも
イベント名や解説を読むと
そんな所迄自分で入力するのか？

と言う印象だったんです

一応私の場合、ブログに関しては
一部のタグしか使用して無く
更にはスタイルシートも存在は知ってますが
使用しても、頻繁じゃ無い為に
直ぐに忘れる事が多く、現在は使用してません
そんな知識なんです

お礼日時：2014/03/24 17:15

No.2 回答者： torayoshi 回答日時： 2014/03/24 19:15

torayoshiです。

先にも書いたように地図とストリートビューの並列表示を実現するならAPIを利用するしかないです。
編集箇所は「緯度・経度：日本, 表参道駅（東京）」ぐらいでそんなに難しくないです。

「緯度・経度」の数値の取得方法は表示したい地図を開いたら、
任意の箇所をクリックするとアドレス欄にその場所のURLが出ますが、
「@」以下の数値が「緯度・経度」になります。
（例えば「@36.5568673,139.8999245,16z」なら
「36.5568673,139.8999245」が「緯度・経度」となります。
地図のURLはこの「緯度・経度」で決まります（「緯度・経度」＝地図のURL）

私がサンプルとして作成したAPIpanorama mapはこの「緯度・経度」ぐらいしか変更してません。
あとは地図とストリートビューの表示のサイズぐらいで、このままほとんどコピペでいけます。

ただし、APIを設置するなら利用しているブログでHTMLを編集出来る仕様でないと難しいです。
また、javascriptも利用可能である必要もあります。

この回答へのお礼

申し訳ありません
全く反映しませんでした

お礼日時：2014/04/26 15:32