Google지도 v3 기반 웹 앱에서 확대/축소를 올바르게 작동 시키려면 어떻게해야합니까? 지금은 터치 스크린 Windows 8 장치를 집어 넣으면지도가 아닌 페이지 전체가 확대됩니다. 나는 크롬과 파이어 폭스 모두에서 이것을 시도했지만 Google Maps 사이트에서는 제대로 작동하지만 내 사이트에서는 제대로 작동하지 않습니다.내장 된 Google지도에서 손가락으로 확대/축소하면 전체 페이지가 확대됩니다
내 <head> 요소에 다음 메타 태그가 있지만 도움이되지 않습니다. 추가 할 필요가있는 다른 메타 태그가 있습니까? Google지도 사이트의 출처를 확인했지만 관련성이있는 메타 태그를 찾을 수 없습니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
오버레이를 사용하고 있기 때문에 가능성이 높습니다.
window.blockMenuHeaderScroll = false;
$(window).on('touchstart', function(e)
{
if ($(e.target).closest('#map').length == 1)
{
blockMenuHeaderScroll = true;
}
});
$(window).on('touchend', function()
{
blockMenuHeaderScroll = false;
});
$(window).on('touchmove', function(e)
{
if (blockMenuHeaderScroll)
{
e.preventDefault();
}
});
감사 https://stackoverflow.com/a/17159809
에 :이 코드를 추가하여 핀치 드래그를 차단할 수 있습니다