2

我用JavaScript编写的Web应用程序,它使用谷歌地图API映射某些功能。但是,当使用触摸屏电脑的用户尝试使用地图时,我遇到了一些不想要的结果。删除谷歌地图“用两个手指......”警告使用javascript

具体来说,我想摆脱告诉用户“使用两根手指移动地图”的警告。与这张图片相似(https://reyner.id/wp-content/uploads/Embedded%20Google%20Map%20Mobile%20Function.jpg

这个问题是由于当我拍摄地图的截图(带有html2canvas)时,警告显示在地图上并且阻止了图像。我认为最简单的做法可能是禁用该警告,但我找不到有关如何执行此操作的任何文档。

请让我知道是否有助于包括任何代码或链接。

回答

3

你可以使用CSS来隐藏消息,

.gm-style-pbc{ 
    display: none !important 
} 
+0

这解决了这个问题。谢谢。 –

+0

谢谢@Sudhir Bastakoti。我用你的答案在下面提出我自己的版本,它解决了用户体验问题。 – Jason

1

我所知道的问题得到回答,但对于未来的游客,我想提供一个更完整的答案,构建由@Sudhir_Bastakoti提供的一个:

$('#map-canvas').click(function() { 
    setTimeout(function() {stopTwoFingerWarning(); }, 2500); 

}); 
function stopTwoFingerWarning() { 
$('.gm-style-pbc').hide(); 
$('.gm-style-pbc').css('display', 'none!important');  
} 

上面的函数会让访问者看到第一个实例的警告,但在2.5秒后隐藏它。否则,访客如何接受指示?他们不知道如何使用地图,并感到沮丧。

我选择了2.5来允许消息接收它。