使用javascript

Question

我有一个用javascript编写的web应用程序，它使用google maps api来映射某些功能。但是，当触摸屏计算机的用户尝试使用地图时，我会收到一些不需要的结果。

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

问题在于，当我拍摄地图的“屏幕截图”（使用html2canvas）时，警告会显示在地图上并阻止图像。我认为最简单的方法可能是禁用该警告，但我找不到任何关于如何做到这一点的文档。

请告知我们是否有助于包含任何代码或链接。

Answer 1

您可以使用CSS隐藏消息，

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

Answer 2

我知道问题已得到解答，但对于未来的访问者，我想提供一个更完整的答案，建立在@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以允许信息下沉，但可以随意设置。