2014-01-29 2 views
1

휴대 기기에 정적지도를 표시하고 있습니다. 지도를 얻기를위한 코드는 다음과 같습니다모바일 웹 사이트 : 정적지도 폭 및 높이. 각 장치에 대해 동적으로 설정할 수 있습니까?

이제
http://maps.googleapis.com/maps/api/staticmap?center=New+York,NY&zoom=13&size=600x300&sensor=false 

내 문제는 속성 크기 함께. 너비는 &입니다.

내 응용 프로그램은 J2EE 응용 프로그램입니다. 다음과 같이 그래서, 주요 JSP에서 나는 뷰포트를 설정 한 :

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" /> 



그러나 나는 다른 JSP의 폭과 높이를 설정하는 방법을 잘 모릅니다. 다음과 같습니다 :
- >>> 여기에 600x300으로 하드 코드되었습니다. 높이를 설정하는 방법 & 동적 여기에

<img src="http://maps.googleapis.com/maps/api/staticmap?center=<c:out value="$cityName"/>&zoom=<c:out value="$zoomSize"/>&size=600x300&sensor=false"> 

어떤 생각? 응용 프로그램에서 클라이언트 측 자바 스크립트에 액세스 할 수있는 경우

+0

jsp에 익숙하지 않지만 size 매개 변수에 변수를 삽입 할 수 없기 때문에 & size = 및 switch 문을 사용하여 size 변수를 설정하기 전에 지도 인스턴스화? – Swires

+0

@Swires, 실제로 내 질문은 : 크기 (너비와 높이)를 얻는 방법과 이미지를 설정하는 방법입니까? 나는 JSP를 알고있다. 문제는 뷰포트 크기를 숫자로 알 수 없다는 것입니다. – smilyface

+0

지도의 크기를 확인 하시겠습니까? 너 스스로 설정하고있어. size 매개 변수가 없으면지도가 제공되지 않습니다. 크기를 설정하는 가장 간단한 방법은 실제로 필요한 것보다 더 높은 해상도의 이미지를 요청하고 CSS를 사용하여 포함 된 div의 크기를 조정하는 것입니다. 더 자세한 정보는 https://developers.google.com/maps/documentation/staticmaps/#Imagesizes – Swires

답변

1

당신은 사용할 수 있습니다 : (?) 당신은 예를 들어, 자바 서버 측 솔루션 다음 see here을 찾기 위해 찾고 있다면

// attempt to get the size from the window object 
// otherwise fallback to the document body. 
var size = { 
    width: window.innerWidth || document.body.clientWidth, 
    height: window.innerHeight || document.body.clientHeight 
} 

.

+0

이 동작 할 수 있습니다. 아직도 나는이 일을 다른 방법으로 방황하고있다 :) – smilyface

+0

자바 또는 자바 스크립트를 사용하지 않고 브라우저의 높이와 너비를 찾는 또 다른 방법은 무엇입니까? – Swires