Tech. Forum 개발자들을 위한 정보 공유의 장입니다
닫기

Tech.Forum

브라우저의 표현영역 가로세로 크기에 딱 맞는 MAP div 를 만들려면 ..

#1
		function initTmap(){
			var map = new Tmap.Map({
				div:'map_div',
				width : "1700px",
				height : "1100px",
			});

지도영역의 가로세로를 픽셀로 지정하게 되어있네요.
그런데 저는 브라우져의 크기에 딱 맞는 크기의 지도가 필요합니다.
크게했을경우 우측과 하단에 스크롤바가 생기고 작게 했을경우 공백이 생기는데.
크지도 작지도 않게 사용자브라우져에 딱 맞는 크기의 지도 DIV를 어떻게 하면 만들수 있을까요?
감사합니다.

0 Likes

#2

안녕하세요.
T map API 운영담당자 입니다.

1. 현재 Tmap 생성시, 브라우저 width, height 영역을 100%로 설정하시면 필요한 영역에 맞는 지도영역을 생성하실 수 있습니다.

2. 현재 사용하시는 브라우저 사이즈를 가져와서 적용하시면 브라우저별 사이즈에 맞는 Tmap 영역을 설정하실 수 있습니다.

감사합니다.

0 Likes

#3
function initTmap(){
// map 생성
// Tmap.map을 이용하여, 지도가 들어갈 div, 넓이, 높이를 설정합니다.
 map = new Tmap.Map({div:'map_div', // map을 표시해줄 div
width:'100%',  // map의 width 설정
height:'100% - 400px' // map의 height 설정
}); 

브라우져 표현영역의 높이에서 400픽셀만 제외하고 지도를 표현하고싶습니다.
위 코드가 적용되지 않는데 어떻게 하면 올바를까요?
감사합니다.

0 Likes

#4

안녕하세요.
T map API 운영담당자 입니다.

문의주신 내용에서 'height : 100% - 400px'은 자바스크립트 문법상 맞지 않습니다.

아래의 샘플 코드를 참고하시면 도움이 되실 겁니다. ---------------- var width = window.outerWidth; var height = window.outerHeight - 400;

function initTmap(){ // map 생성 // Tmap.map을 이용하여, 지도가 들어갈 div, 넓이, 높이를 설정합니다. map = new Tmap.Map({div:'map_div', // map을 표시해줄 div width : width, // map의 width 설정 height : height // map의 height 설정 }); ----------------

감사합니다.

0 Likes