Google Maps API と Windows8 のタッチ操作 (ブラウザ別動作確認)
Google Maps API v3を利用していろいろやっているのですが
Windows8もそろそろ普及するかもしれないということで(えっ?)
動作確認をしてみました。
まず、環境は以下の通り。
- OS:Windows8 Pro 64bit
- タッチパネル:DELL S2340T
- Google Maps API:v3最新版(詳細バージョン調べるのが面倒で・・・)
- jquery 1.7.2
- jquery ui 1.8.18
- jquery.ui.touch-punch.js を利用(ipad対策)
次に、各ブラウザ毎にAPIの動作を確認していきます。
基本動作は、APIサンプル(Simple Map)を利用しました。
jqueryの動作確認は公開できないので参考と言うことで。
では、まずInternetExplorer10(標準インストール)
- ドラッグによる移動:○
- ピンチによるズーム:○
- 読み込み速度:○
- jquery draggable:×
動作に関してはおおむね快適です。
ただ、jqueryで各種ウィンドウ等をだしてドラッグできるようにしているのですが、ドラッグできません。
これは、ipad対応などの副作用かjquery側で対応可能かもしれません。
[追記] $("#target").css('-ms-touch-action', 'none') と設定するだけで対応できました。これで問題なく操作出来るようになりました。 参照ブログ
次に、Firefox19.0.2
- ドラッグによる移動:○
- ピンチによるズーム:×
- 読み込み速度:△
- jquery draggable:○
一番実用的に動作しますが、ピンチズームがマップ縮尺の操作ではなくブラウザ全体の拡大縮小になってしまいます。
ただし、これは本家GoogleMapsでは問題有りませんのでAPI特有の問題だと思われます。
最後に、Google Chrome25.0
- ドラッグによる移動:×
- ピンチによるズーム:×
- 読み込み速度:◎(推定)
- jquery draggable:○
自社製品がそんなことでいいのかと突っ込みたくなります。
タッチ操作では訳のわからない動作をします。(不可解なズーム等)
こちらも本家GoogleMapsではまったく問題なく動きます。
それもかなりの速度で動いていますのでAPIが対応していないと言うことでしょう。
Chromeは問題外ですが、IEとFirefoxは対策をすれば実用的になるかもしれません。
ただ、OSに依存しないように作成しているのにここまで動作が違うと困りますね・・・。