スマートフォンでのタップイベント

[竹内智則]

Webサイトで地図上にマーカーを配置し、クリックするとその物件の詳細が表示されるようにしているのですが、

PCでのクリックのイベントは感知してくれても、スマートフォンでのタップについて、感知してくれません。

タップと同様に、ドラッグで地図を動かしたいのですが、PCでは可能でもスマートフォンでは反応してくれません。

解決策をご存知の方、いらっしゃいませんか？

[Masashi.K]

clickの代わりにtouchstartイベントを使ってみてはいかがですか？

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。
このグループから退会し、グループからのメールの配信を停止するには google-maps-api-...@googlegroups.com にメールを送信してください。
このグループに投稿するには google-map...@googlegroups.com にメールを送信してください。
https://groups.google.com/group/google-maps-api-japan からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

[竹内智則]

アドバイスありがとうございます。

もともと下記のようになっていた処理を

google.maps.event.addListener(marker, "click", function(){

　　　　//処理

}

↓

google.maps.event.addListener(marker, "touchstart", function(){

 　　　　//処理

}

としましたが、PCでのクリックも感知しなくなりました。

googleのリファレンス↓にも「touchstart」のイベントは記載されていないようです。

https://developers.google.com/maps/documentation/javascript/3.exp/reference?hl=ja#Marker

2016年5月10日火曜日 1時39分58秒 UTC+9 Masashi.K:

clickの代わりにtouchstartイベントを使ってみてはいかがですか？

2016-05-08 16:32 GMT-07:00 竹内智則 <takes...@gmail.com>:

Webサイトで地図上にマーカーを配置し、クリックするとその物件の詳細が表示されるようにしているのですが、

PCでのクリックのイベントは感知してくれても、スマートフォンでのタップについて、感知してくれません。

タップと同様に、ドラッグで地図を動かしたいのですが、PCでは可能でもスマートフォンでは反応してくれません。

解決策をご存知の方、いらっしゃいませんか？

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-japan+unsub...@googlegroups.com にメールを送信してください。

[Masashi.K]

あ、ごめんなさい。「マーカーのクリックが反応しない」でしたね。

ちょっと勘違いしていました。touchstartは関係ないです。

デモURLも何のOSなのかも、何の情報もないので、あくまで予想ですが

どこかでJavaScriptのエラーが発生していませんか？

addListener()よりも前の段階で、JavaScriptエラーが発生していて

そこでコードの実行が中断しているのではないでしょうか。

あとは、使われているスマートフォンがGoogle Maps JavaScript API v3の

サポート対象外だったりしませんか？

上手く動かない時は、一度シンプルなコードを作って、１つずつ確かめていくといいと思います。

2016-05-09 16:54 GMT-07:00 竹内智則 <takes...@gmail.com>:

アドバイスありがとうございます。

もともと下記のようになっていた処理を

google.maps.event.addListener(marker, "click", function(){

　　　　//処理

}

↓

google.maps.event.addListener(marker, "touchstart", function(){

 　　　　//処理

}

としましたが、PCでのクリックも感知しなくなりました。

googleのリファレンス↓にも「touchstart」のイベントは記載されていないようです。

https://developers.google.com/maps/documentation/javascript/3.exp/reference?hl=ja#Marker

2016年5月10日火曜日 1時39分58秒 UTC+9 Masashi.K:

clickの代わりにtouchstartイベントを使ってみてはいかがですか？

2016-05-08 16:32 GMT-07:00 竹内智則 <takes...@gmail.com>:

Webサイトで地図上にマーカーを配置し、クリックするとその物件の詳細が表示されるようにしているのですが、

PCでのクリックのイベントは感知してくれても、スマートフォンでのタップについて、感知してくれません。

タップと同様に、ドラッグで地図を動かしたいのですが、PCでは可能でもスマートフォンでは反応してくれません。

解決策をご存知の方、いらっしゃいませんか？

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-...@googlegroups.com にメールを送信してください。

このグループに投稿するには google-map...@googlegroups.com にメールを送信してください。
https://groups.google.com/group/google-maps-api-japan からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-...@googlegroups.com にメールを送信してください。

[竹内智則]

http://1173bnb.com/frommap/

返信ありがとうございます。

こちらが製作中のページです。

JavaScriptのエラーは、コンソールには出ていないです。

PC上でのクリックは反応しているので、プログラム自体は通っているのかと思います。

OSはipad、iphoneで試しています。

2016年5月10日火曜日 9時32分07秒 UTC+9 Masashi.K:

2016年5月10日火曜日 1時39分58秒 UTC+9 Masashi.K:

clickの代わりにtouchstartイベントを使ってみてはいかがですか？

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-japan+unsub...@googlegroups.com にメールを送信してください。

このグループに投稿するには google-map...@googlegroups.com にメールを送信してください。
https://groups.google.com/group/google-maps-api-japan からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-japan+unsub...@googlegroups.com にメールを送信してください。

[Masashi.K]

iOS 9.2のsimulater上では問題なく、マーカーがクリックに反応していますね。

エラーも特に無かったです

2016年5月10日火曜日 9時32分07秒 UTC+9 Masashi.K:

2016年5月10日火曜日 1時39分58秒 UTC+9 Masashi.K:

clickの代わりにtouchstartイベントを使ってみてはいかがですか？

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-...@googlegroups.com にメールを送信してください。

このグループに投稿するには google-map...@googlegroups.com にメールを送信してください。
https://groups.google.com/group/google-maps-api-japan からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-...@googlegroups.com にメールを送信してください。

このグループに投稿するには google-map...@googlegroups.com にメールを送信してください。
https://groups.google.com/group/google-maps-api-japan からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-...@googlegroups.com にメールを送信してください。

[竹内智則]

シュミレーターだと大丈夫なのですね。

実機では反応しません。　クリックではなく、タップに反応させる必要があると思うのですが。

2016年5月10日火曜日 10時49分23秒 UTC+9 Masashi.K:

iOS 9.2のsimulater上では問題なく、マーカーがクリックに反応していますね。

エラーも特に無かったです

2016年5月10日火曜日 9時32分07秒 UTC+9 Masashi.K:

2016年5月10日火曜日 1時39分58秒 UTC+9 Masashi.K:

clickの代わりにtouchstartイベントを使ってみてはいかがですか？

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-japan+unsub...@googlegroups.com にメールを送信してください。

このグループに投稿するには google-map...@googlegroups.com にメールを送信してください。
https://groups.google.com/group/google-maps-api-japan からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-japan+unsub...@googlegroups.com にメールを送信してください。

このグループに投稿するには google-map...@googlegroups.com にメールを送信してください。
https://groups.google.com/group/google-maps-api-japan からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

--
このメールは Google グループのグループ「Google-Maps-API-Japan」に登録しているユーザーに送られています。

このグループから退会し、グループからのメールの配信を停止するには google-maps-api-japan+unsub...@googlegroups.com にメールを送信してください。

[KF]

iPhone 5s(iOS9.2)だとマーカー（ご飯とかビールのアイコンとか）タップすると、物件の情報が下に表示されます。

また、地図もタッチしたままドラッグできます。

これとは違う何かタッチイベントの不具合がある、ということでしょうか？

2016年5月10日火曜日 13時13分53秒 UTC+9 竹内智則:

[竹内智則]

ありがとうございます。解決できました。

今までchromeでしか確認していなかったので、他のブラウザでも確認したところ期待通り動いているのを確認できました。

なのでchromeのキャッシュをクリアし、それでもダメだったので、一度アンインストールし再ロードしたら大丈夫でした。

拍子抜けの答えで申し訳ありません。

お二人とも貴重なお時間をいただきまして、ありがとうございます。

2016年5月10日火曜日 14時57分04秒 UTC+9 KF: