ビジネスマンの徹底パソコン奮闘サイト

お知らせ
2011-03-16: 目次を作成しました。
2010-09-17: Google Map 2 記事一覧を作成しました。
2010-07-03: Google Map 3 記事一覧を作成しました。

スポンサーサイト

--年 --月--日 (-- )
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Google Maps API V3 四角を描画する

2010年 07月15日 (木 )
Google Map API V3 で四角を描画します。

サンプルコードです。


実行結果は下記の通りです。




四角が地図上に描画されました。
だた、今のところ使い道は思いつきません。

コメント

はじめまして

僕も現在、同じような感じでポリゴンをあちこちに配置し、そのポリゴンをクリックするとポリゴンで囲まれた位置をアップで表示する。
というものを作ろうとしています。

ポリゴンを作るところまではできたのですがクリックすると移動?または拡大?する方法で困っています。

できればクリックした際、ポリゴンはポリラインになる等し、背景色が消えたらなおいいな!と思っています。

もしお暇なときがございましたらどのようにポリゴンにイベントをつけるかご教授いただけませんでしょうか。

よろしくお願いいたします。
2010/07/15(木) 21:05:27 |URL|新見 #mQop/nM. [編集]
>新見さま
ポリゴンにイベントを追加ですが、
今回の例だと

google.maps.event.addListener(rect, 'click', function()
{
// 移動処理とか
})

を追加して(例えば40行目のあととか)、
中に移動処理とか拡大処理とか入れれば良いと思います。
rect.setMap(null);
を入れればクリックでポリゴンは消えます。


せっかくなので今度ネタにさせてもらいますw
2010/07/16(金) 03:25:16 |URL|pcrice #A1/W7/qI [編集]
このコメントは管理者の承認待ちです
2013/11/21(木) 17:14:31 || # [編集]

コメントの投稿

  • URL
  • コメント
  • パスワード
  • 秘密
  • 管理者にだけ表示を許可する

トラックバック

トラックバックURL:http://pcrice.blog129.fc2.com/tb.php/67-821fcb8c
  ビジネスマンの徹底パソコン奮闘サイト  
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。