たたみラボ

  • about
  • member
  • r&d
  • blog
  • tatamicast

blog

RSS

Google Mapsに新しいインターフェースが追加

icon July 13, 2006 2:38 AM by ooi1 このエントリーを含むはてなブックマーク

大井宏友です。

Google Mapsが2.58にバージョンアップし、 新たなUI機能が追加されています。

追加された機能

  • ダブルクリックで拡大・縮小
    • 左ボタンのダブルクリック:クリックした地点をセンタリング+拡大
    • 右ボタンのダブルクリック:縮小
  • マウスホイールで拡大・縮小ズーム時にアニメーション効果(Winのみ)

どちらも、mapオブジェクトに対して、新しく追加されたメソッドを追加するだけ。

map.enableDoubleClickZoom();//ダブルクリックによるズーム機能を有効
map.enableContinuousZoom();//マウスホイールで拡大・縮小ズーム時にアニメーション効果を有効

さっそく、昨日公開したSmatchのサンプルページに実装しました。

使ってみた感想

ダブルクリックするということはその場所のことをもっと知りたい、ということをMapに教えるための行動なので、その場所が拡大されるというのは理に適っているなと思いました。

マウスホイールによるズーム(GoogleMapsでは実装されている)については、今まで拡大縮小はズームボタンやスライドバーまでマウスを動かす必要がありましたが、その場でマウスホイールによる動作ができることで手首の負担は減る一方、ページのスクロールと同じ動作であることが意図しない拡大縮小がおきてしまうのがストレスになります。また、プログラムとしては今以上に画像を読み込む必要があるのでなかなかスムーズに動かすのは難しいと思いました。

マウスホイールでスクロール以外のインターフェースを実現するときにはその辺をしっかりと見極めて適用判断する必要があるかなと思います。

COMMENTS

こんにちは。Mapの機能に関する要望なんですが、経路を簡単に入力するインターフェイスを作ることはできませんか?

以前知り合いがGoogleMapに経路を表示させていたんですが、入力はいちいち座標を入れなきゃならなくてかなり面倒、といっていました。

簡単に経路を入力できるインターフェイスが作れたら結構使えると思うんですがどうでしょう?

知り合いが作ったコースマップは↓です。
http://www.bekkoame.ne.jp/~tsio/maps/tange/stage3.html

July 13, 2006 4:18 PM by 野本  

あ、書き忘れましたが、経路を作ったら距離も自動計算してくれたりするとさらに便利です。

July 13, 2006 4:20 PM by 野本  

野本さんへ
コメントありがとうございます。
地図上で距離を測るサンプル【僕の歩いた跡に道はできる】
http://www.nanchatte-charider.com/gis/test/michinori.html

Gmaps Pedometer
http://www.gmap-pedometer.com/

このあたりを参考にして、作っちゃうのがよろしいかもしれません。いかがでしょうか?

July 13, 2006 10:54 PM by フナミタカオ  

ありがとうございます。
僕の歩いた跡に道はできる いいですねぇ。
ポイントごとの積算距離を表示したりコースを保存したりみたいな機能も加えたくなりますね。
暇なときに一度やってみようかしら。
とりあえずこのままでも便利なので使わせてもらいます。

July 14, 2006 12:56 PM by のもと  

map.enableContinuousZoom() でホイールうんぬんですが、これは拡大縮小のボタンを押したときの動作をアニメーション化するもので、ホイールじゃないですよね?

July 14, 2006 9:46 PM by van  

vanさんご指摘ありがとうございます。機能を発見して興奮して書いてしまいましたが、改めてGoogleのBlogを読み返してみるとまったくその通りでございました。
別なものとごっちゃになってしまったようです…

July 15, 2006 11:52 PM by ooi1  

POST COMMENT




(書式を変更するような一部のHTMLタグを使うことができます)

必ず利用規約に同意いただいた上で送信ください。

ページトップへ



(C) RECRUIT MEDIA COMMUNICATIONS CO., LTD.