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

admin管理员组

文章数量:1426040

I have a web application written in javascript which uses the google maps api to map certain features. However, I am having some unwanted results when users with touchscreen puters try to use the map.

Specifically, I would like to get rid of the warning that tell users "use two fingers to move the map". Similiar to this picture (.jpg)

The issue is due to the fact that when I take "screenshots" of the map (with html2canvas), the warning displays over the map and blocks the image. I think the easiest thing to do might be to disable that warning, but I can't find any documentation on how to do that.

Please let me know if it would help to include any codes or links.

I have a web application written in javascript which uses the google maps api to map certain features. However, I am having some unwanted results when users with touchscreen puters try to use the map.

Specifically, I would like to get rid of the warning that tell users "use two fingers to move the map". Similiar to this picture (https://reyner.id/wp-content/uploads/Embedded%20Google%20Map%20Mobile%20Function.jpg)

The issue is due to the fact that when I take "screenshots" of the map (with html2canvas), the warning displays over the map and blocks the image. I think the easiest thing to do might be to disable that warning, but I can't find any documentation on how to do that.

Please let me know if it would help to include any codes or links.

• javascript
• google-maps
• google-maps-api-3
• gesture
• html2canvas

Share Improve this question Follow asked Mar 14, 2017 at 2:40 zack pecenakzack pecenak 2311 silver badge44 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

you could use CSS to hide the message,

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

I know the question was answered, but for future visitors, I would like to offer a more plete answer, building on the one provided by @Sudhir_Bastakoti:

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

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

The above functions will let the visitor see the warning on the first instance, but hide it after 2.5 seconds. Otherwise, how is a visitor to ever receive the instructions to begin with? They will not know how to use the map, and get frustrated.

I chose 2.5 to allow for the message to sink in, but set as you like.

本文标签： Remove quotuse two fingersquot warning on google maps with javascriptStack Overflow