遍照金剛

アクセスカウンタ

zoom RSS グーグルストリートビューとマップの同期

<<   作成日時 : 2010/04/07 22:38   >>

ブログ気持玉 0 / トラックバック 0 / コメント 4

 最近、会社のホームページでの案内地図がきれいではないのと、これだけMapが普及しているので、Google Mapを利用しようと、おくらばせながら思い立ちました。最初は、GooglrMapのから地図をダウンロードして貼りつけることができるとわかり、簡単なので、貼りつけてみました。一応、地図が表示され、拡大縮小や、地図タイプの選択などができるようにはなったのですが、しばらくしたら、何か物足りないなという気がして、本屋さんに,、Google Map API関連の解説書を探しに行きました。

 棚を見ているとそれらしき題名の本が2冊あり、1冊は薄くて概要説明のようだったので、少し厚いほうの「Google Maps API プログラミング入門}(勝又 雅史 著/アスキー・メディアワークス 刊)という本を流し読みしました。

 やはり、初めてのgoogle map apiなので、本を買おうか買うまいか迷って、とりあえず問題点がはっきりするまでは、懐がさびしいので買わないことにしました。きっと、インターネットで同じように解説されているサイトがあるに違いないという気がしたものですから。

 家に帰り、WEBでいろいろと探したのですが、これといった手ごろなものがありません。

 あの本を買わざるを得ないかなぁと思ったのですが、ついに、あれっと思うサイトにぶつかりました。Google Map 活用講座というところで、何か、読みだすと本の内容に似ているではないですか、それもそのはずでした。この本の元は、どうやらこのサイトにあったみたいで、この本の広告も出ています。


 しめしめのはず、だったのですが、やはり、本とサイトでは違うところもあり、今、悪戦しています。

 何かと言うと、本では、そこそこ書いてあるStretViewとMapを同期をとって表示させることができる「ExtStreetviewControl」という便利なコントロールの使い方が、このサイトには書いていなかったのです。あれれと思ってしまいました。確か、本では、StreetViewの最後の部分に書いてあったんだがなぁと思いながら、またまた、本屋さんに行き、その部分を詠んで、なるほど、コントロールのJavaScriptのライブラリーファイルを手に入れて、コントロールのオブジェクトを作り、mapオブジェクトにそのコントロールを追加すればいいのだ、2行覚えればいいのだとわかって、暗記し戻ってきました。

 早速、ライブラリーをダウンロードしようとしたら、ファイルとしてはダウンロードできないので、ブラウザーに表示されるソースコードをコピーし、テキストエディタに貼りつけライブラリーファイルを作成しました。
(なんと、ファイルでダウンロードできるサイトがありました。gmaps-utility-library-dev - Revision 1216: /trunk/extstreetviewcontrol/srcです。)

 所定の位置にそのファイルを保存し、いよいよ、WEB用のHTMLファイルにソースコードを書き出しましたが、いやはや、記憶があいまいのため、うまく動きません。

 またまた、サンプルを差探しますがなかなか見つかりません。
でも、ようやくExtStreetviewControl Examplesにたどり着くことができました。

 ここには、実際のサンプルが数点あり、とても参考になります。

 このサンプルを見ながら調整し、ストリートビューとマップは表示されるようになったのですが、どうしても同期がとれません。

 何故? 何故? と、今、悩んでいます。

Google Maps APIプログラミング入門
アスキー・メディアワークス
勝又 雅史

amazon.co.jpで買う
Amazonアソシエイト by ウェブリブログ商品ポータルで情報を見る






ACCUSYNC ストレージ
メガソフト

ユーザレビュー:
同期ソフトの定番。そ ...
3台の同期にも仕事場 ...

amazon.co.jpで買う
Amazonアソシエイト by ウェブリブログ商品ポータルで情報を見る

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(4件)

内 容 ニックネーム/日時
率直なご感想をいただいてありがとうございます。
本の方はかなり細かく調べつくして書いたのですが、その後は仕事が忙しく、サイトまで手が回っていません。

ExtStreetviewControlは、まだまだ開発を続けていますので、機能のリクエストがあればご連絡いただければ幸いです。

ストリートビューと地図の同期は、下記URLにサンプルがあります。
http://gmaps-utility-library-dev.googlecode.com/svn/trunk/extstreetviewcontrol/examples/basic.html

ご参考になれば幸いです。
Masashi.K
2010/04/08 00:19
Masashi.Kさん、はじめまして。
わざわざコメントをいただきありがとうございんす。
本来ならば、書籍を購入すればよいのでしょうが、厳しき折、申し訳ありません。
さて、ご指摘いただいたサンプルを表示させ、view soueceでソースをコピーし、それを私のローカル環境でのHTMLファイルとしました。
そして、keyの部分を変更し、exstreetciewcontrolのパスを変更した上で、動かしてみましたが、やはり、ストリートビューとマップが同期しません。
サンプルをWEB上でそのまま表示させれば、きちんと表示されるのに、何でなのかなぁと、昨日から、もしかしたら表示させる位置なのか、表示させるdiv要素の書き方ななのかなど、色々といじくっているのですが、一向に、駄目です。
たかだか2か所を直しただけなんですが?
風来末
2010/04/08 11:29
そうですね・・・、具体的にどう変更したのかが分からないとアドバイスが難しいので、Google Maps 活用講座(http://googlemaps.googlermania.com)から、個別にお問い合わせいただけますと幸いです。
Masashi.K
2010/04/13 14:54
Masashi.Kさん、こんにちは。
ありがとうございます。
もう少しやってみてから、お願いすることにします。
風来末
2010/04/13 16:29
SHARPER IMAGE イオニックブリーズMIDI レッド
SHARPER IMAGE イオニックブリーズMIDI レッド
グーグルストリートビューとマップの同期 遍照金剛/BIGLOBEウェブリブログ
文字サイズ:       閉じる