2010-07-20 8 views
1

Google지도 v3 사이트를 만드는 데 바쁩니다. Google지도 사이트에서 한 번 보았 더라면 새로운 타일을로드하기 직전에 물리적으로 줌 (deepzoom과 같은 CSS) 타일을 볼 수 있습니다.Google지도 확대/축소 효과

나는 이것을 내 옆면에 재현하고 싶습니다. 문제는 내가 이것을 할 수있는 API 참조에서 아무것도 찾을 수 없습니다. 나는 imagemaptype을 생성하고 img 태그의 노드를 가져 와서 CSS를 확대하고 일반 maptype gettile을 호출하지만 아무 소용이 없다고 생각했습니다. bound_change를 사용하여 경계가 변경되는지 확인하지만 실제 노드 (img 태그)를 가져올 수는 없습니다.

어떤 도움을

감사

당신이 그것을 정확하게 그들의 주요지도 앱처럼 행동하는 얻을 수 있는지 모르겠어요

답변

2

v2 API에서이 기능을 사용하려면 GMap2.enableContinuousZoom() 메서드를 호출 할 수 있습니다. v3 API에는이 기능이 지원되는 브라우저에서 기본적으로 활성화되어있는 메소드가 없습니다.

나는 크롬 5.0.375.99 및 Firefox 3.6.6 (모두 Mac 용)에 다음과 같은 간단한 예제를 시도하고, 크롬에서만지도가 연속 확대와 함께 사용 설정 :

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
    <title>Google Maps v3 Continuous Zoom</title> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" 
      type="text/javascript"></script> 
</head> 
<body> 
    <div id="map" style="width: 500px; height: 400px;"></div> 

    <script type="text/javascript"> 

    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 6, 
     center: new google.maps.LatLng(-41.00, 174.00), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    </script> 

</body> 
</html> 
+0

감사합니다. 나는 ie8에 google maps 사이트를 시도했고 ContinuousZoom을 가지고있다. 내가 설정해야하는 옵션이있다. – Pintac

+0

@Pintac : 아니요 v3 API에서 설정할 수있는 옵션이 없습니다. maps.google.com 사이트에 계속되는 확대/축소 효과가 있다는 사실에 대한 토론이 있습니다 ([http://code.google.com/p/gmaps-api-issues/issues/detail?id=2079]). v3 API를 사용하는지도보다 더 많은 브라우저에서 사용할 수 있습니다. 불행히도 현재로서는 할 수있는 일이 없습니다. –

+0

감사합니다. – Pintac

0

을 이해할 수있을 것이다 그러나이 사람은 그것을 재현 할 수있는 방법을 알아 낸 것 같다 : Google Maps zoomOut-Pan-zoomIn animation

연속 확대/축소가 v2에서 사용 가능해 보이지만 v3에서 확대/축소에 대한 많은 참조를 찾을 수 없습니다. 호기심 ... http://code.google.com/apis/maps/documentation/javascript/v2/reference.html#GMap2

+0

검색 할 수 있으면 찾을 수 있는지 확인합니다. – Pintac