使用 javascript 移除 google 地图上的 "use two fingers..." 警告

Question

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

具体来说，我想去掉告诉用户的警告 "use two fingers to move the map"。类似于这张图(https://reyner.id/wp-content/uploads/Embedded%20Google%20Map%20Mobile%20Function.jpg)

问题是因为当我拍摄 "screenshots" 地图（使用 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 以允许消息下沉，但请随意设置。

使用 javascript 移除 google 地图上的 "use two fingers..." 警告

Remove "use two fingers..." warning on google maps with javascript

javascript

google-maps

gesture

google-maps-api-3

html2canvas