2017-01-11 3 views
0

マップのクリックおよび右クリックイベントでいくつかの機能を実行するウェブサイトでGmaps v3を使用しています。 コンピュータのWebブラウザでは、問題なくすべてが動作します。 既にスマートフォンのブラウザを使用している場合、これらのリスナーは機能しません。スマートフォンで使用されているブラウザで、クリックや右クリックのイベントを傍受するにはどうすればよいですか?スマートフォンでGmapsリスナーの右クリックが機能しない

map.addListener('rightclick', function(event) { 
    var clicked = {lat: event.latLng.lat(), lng: event.latLng.lng()}; 
    infoWindowOptionsMapa.setPosition(clicked);  
    infoWindowOptionsMapa.open(map); 
    infoWindows.push(infoWindowOptionsMapa);  
    sessionStorage.removeItem('clicked'); 
    sessionStorage.setItem('clicked',JSON.stringify(clicked));  
}); 

google.maps.event.addListener(map,'click',function(e) { 
    closeAllInfoWindows();   
    checkClass(); 
}); 

私はもう少し調査し、以下のコードをテストしましたが、Chromeは動作しません。

google.maps.event.addListener(map,'mousedown',function(e) { 
    var clicked = {lat: e.latLng.lat(), lng: e.latLng.lng()}; 
    alert(clicked); 
}); 
+0

https://developer.mozilla.org/en-US/docs/Web/API/Touch_events AND http://stackoverflow.com/questions/16168369/does-google-maps-api-v3-support - タッチイベント – Joonas89

答えて

0

モバイルではマウスがないので、クリック(または右クリック)することはできません。

タッチイベントを使用する必要があります。これはよく説明されているhereです。

jQuery UI Touch Punchのようなライブラリを使用する必要がありますが、その意味はjQuery UIのみです。

Gmapsで動作させるには、回避策を使用する必要があります。

関連する問題