CSS iOS/Phonegap으로 확대 된 Google지도

Google지도가 포함 된 iPad 앱이 있습니다. 해당지도에서 Google지도 API V3를 사용하여 선을 그릴 수 있고 마커를 배치 할 수 있습니다. 모두 jQuery Mobile 및 PhoneGap으로 완성되었습니다.CSS iOS/Phonegap으로 확대 된 Google지도

문제 Google에서 제공하는 것보다지도에서 더 큰 확대/축소가 필요하다는 문제가 있습니다. CSS 스케일을 Google지도 div에 설정하면됩니다. 확대/축소가 작동합니다.

문제는 다음과 같습니다

나는 그들이 내가 클릭 한 장소에없는 확대 된지도에 마커를 배치하면

. Div Zoom이 좌표를 변경하기 때문에지도의 다른 곳에 나타납니다. iPad에서 App의 크기를 조정하면 작동합니다. 그러나 나는지도 만 확장하고 전체 앱은 축소하지 않습니다.

도움이나 의견을 보내 주셔서 감사합니다.

출처

2012-02-08 mack

코드로 링크하면 CSS가 유용 할 것입니다. – andresf

때 크게 불리는 기능이있다 : // Karte MIT의 CSS의 그로서의 Zoomen \t 함수 FSuperZoom (WERT) { \t \t ZoomWert = WERT/10; . \t \t $ ("# map_canvas> DIV> DIV : 첫 아이") CSS ("- 모즈 - 변환", "스케일 ("+ ZoomWert + ","+ ZoomWert + ")"); \t \t $ ("# map_canvas> DIV> DIV : 첫 아이"). CSS ("- 웹킷 - 변환", "스케일 ("+ ZoomWert + ","+ ZoomWert + ")"); \t \t $ ("# map_canvas> DIV> DIV : 첫 아이"). CSS (- "O를-변환", "스케일 ("+ ZoomWert + ","+ ZoomWert + ")"); \t \t $ ("# map_canvas> DIV> DIV : 첫 아이"). CSS ("변환", "스케일 ("+ ZoomWert + ","+ ZoomWert + ")"); – mack

<meta name="viewport"> 태그를 사용하여 크기 조정을 제어하십시오.

CSS 줌을 사용하지 마십시오. Maps API의 Map 객체에서 setZoom 메소드를 사용합니다.

the reference을 참조하십시오.

출처

2012-02-08 21:08:55

고마워,하지만 나는 setZoom이 할 수있는 것보다 더 높은 줌을 필요로한다. – mack

죄송합니다. iPad를 사용하고 있기 때문에''태그를 변경해 보셨습니까? –

그래, 그랬어, 그럼 난 전체 애플 리케이션을 확대 할 수 있고 그것은 작동합니다. 하지만 모든 것을 확대하고 싶지는 않습니다. 단지지도를 확대하고 싶습니다. 지도에 손가락을 집어 넣으면 줌이되지만지도에서 손가락을 뗀 직후 Google의 최대 줌으로 돌아갑니다. – mack

나는 (아이폰 OS 웹킷 지원한다)를 zoom CSS 속성 대신 CSS 변환을 사용하여 접근 방식을 변경합니다. 따라서 FSuperZoom 기능은

function FSuperZoom(wert) { 
    ZoomWert = wert/10; 
    $("#map_canvas > div > div:first-child").css("zoom",ZoomWert); 
}

출처

2012-02-09 00:06:55 andresf

확대/축소 기능도 솔루션과 함께 작동하지만 확대 된지도에 마커를 놓으면 문제가 발생하지만 클릭 한 위치에는 표시되지 않습니다. – mack

CSS iOS/Phonegap으로 확대 된 Google지도

답변

관련 문제