触摸事件不起作用 谷歌地图API Javascript



以下代码应该允许在移动设备上双击以模拟在PC上右键单击以在Google地图上放置图钉,但不允许。我绞尽脑汁试图弄清楚为什么它不起作用。 有人认为这段代码有什么问题吗? 在 IOS 上测试。我发誓这个代码曾经有效! 问题是触摸事件什么都不做,地图闪烁并且不会像在桌面上那样触发放置 PIN 码。

google.maps.event.addListener(map, 'rightclick', function (event) {
addMarkerToMap(event.latLng);
});
domMap.addEventListener('click', function (e) {
//map.setZoom(8);
//map.setCenter(overlay.getPosition()); // set map center to marker position
mobileAndTabletcheck() && setTimeout(mySingleClickBelovedFunction(e), 200);
});
var singleClickInProgess = false;
function doDoubleClickProcessing(event)
{
console.log('dblclick'); 
isDblClick = true;
myDlbClickBelovedFunction(event);
}
function handleClickONMarker(e)
{
if ( singleClickInProgess )
{
singleClickInProgess = false;
doDoubleClickProcessing(e);
} 
else
{
singleClickInProgess = true;
setTimeout(checkClickONMarkerStatus,300);
}       
}
function checkClickONMarkerStatus()
{
if ( singleClickInProgess  )
{
singleClickInProgess = false;
console.log('single click');
}
singleClickInProgess = false;
}

function mySingleClickBelovedFunction(e) {
if (!isDblClick) {
// DO MY SINGLE CLICK BUSINESS :)  
//smoothZoom(map, 12, map.getZoom());
}
handleClickONMarker(e);
// DO NOTHING
}
domMap.addEventListener('dblclick', function (event) {
//alert('test');
if (mobileAndTabletcheck()) {
isDblClick = true;
myDlbClickBelovedFunction(event);
}
});
function myDlbClickBelovedFunction(event) {
//debugger
console.log(event);
overlay.setMap(map);
//Work out the coordinates on the map
var x = (event.offsetX),
y = (event.offsetY);
var point = new google.maps.Point(x, y),
latLng = overlay.getProjection().fromContainerPixelToLatLng(point);
addMarkerToMap(latLng);
overlay.setMap(null);
}
// the smooth zoom function
function smoothZoom(map, max, cnt) {
if (cnt >= max) {
return;
}
else {
y = google.maps.event.addListener(map, 'zoom_changed', function (event) {
google.maps.event.removeListener(y);
smoothZoom(map, max, cnt + 1);
});
setTimeout(function () { map.setZoom(cnt) }, 80);
}
}```
Thanks!

我们的Google 公共问题跟踪器中报告了类似的问题,但已标记为已修复。您介意查看条目吗?问题是:

  • https://issuetracker.google.com/35822092
  • https://issuetracker.google.com/35824421

如果它们不相似,请提交新问题。请确保向我们提供演示问题并包含重现特定步骤的独立示例 (http://sscce.org(。

GooglePublic Issue Tracker是Google内部使用的工具,用于在产品开发过程中跟踪错误和功能请求。它可在 Google 外部使用,供需要与 Google 团队就特定项目进行协作的外部公众用户和合作伙伴用户使用。

相关内容

  • 没有找到相关文章

最新更新