모바일 에디터 지원에 대한 고려

info.xml

@@ -4,8 +4,8 @@
 	<title xml:lang="en">Maps</title>
 	<description xml:lang="ko">지도를 원하는 곳에 추가하거나 수정할 수 있습니다. Google Maps API, 다음 지도 API, 다음 로컬 API 등이 사용되었습니다.</description>
 	<description xml:lang="en">Maps can be inserted in your documents. Google Maps API, Daum Maps API, Daum Local API and some other APIs are included.</description>
-	<version>1.1.5</version>
-	<date>2015-07-12</date>
+	<version>1.2</version>
+	<date>2015-07-14</date>
 	<license link="http://www.gnu.org/licenses/gpl-3.0.html">GPLv3</license>
 	<author email_address="[email protected]" link="https://github.com/misol">
 		<name xml:lang="ko">김민수(misol)</name>

lang/lang.xml

@@ -21,8 +21,12 @@
 		<value xml:lang="en">Another marker with another double-click.</value>
 	</item>
 	<item name="about_soo_result_use">
-		<value xml:lang="ko"><![CDATA[특정 위치를 표시 하고 싶을땐, 오른쪽 지도에서 해당 지점을 <strong>클릭</strong>하세요.<br />표시는 원하는 만큼 하실 수 있습니다.<br />표시를 지우고 싶을땐 표시를 클릭하세요.<br />검색창에 찾을 지역명을 검색 하시면, 이곳에 검색 결과가 나타납니다. 검색 결과가 1개 일 경우 바로 이동하며, 2개 이상일 경우는 선택해 주셔야 합니다.]]></value>
-		<value xml:lang="en"><![CDATA[You can select or de-select a place (or places) by a click.<br />You can use searching box to find out the location. The result would be shown up here.]]></value>
+		<value xml:lang="ko"><![CDATA[특정 위치를 표시 하고 싶을땐, 지도에서 해당 지점을 <strong>클릭</strong>하세요.<br />표시는 원하는 만큼 하실 수 있습니다.<br />표시를 지우고 싶을땐 표시를 클릭하세요.<br />검색창에 찾을 지역명을 검색 하시면, 이곳에 검색 결과가 나타납니다. 검색 결과가 1개 일 경우 바로 이동하며, 2개 이상일 경우는 선택해 주셔야 합니다.]]></value>
+		<value xml:lang="en"><![CDATA[You can select or de-select a place (or places) by a click on the map.<br />You can use searching box to find out the location. The result would be shown up here.]]></value>
+	</item>
+	<item name="about_maps_component">
+		<value xml:lang="ko"><![CDATA[지도 컴포넌트 도움말 그림. 왼쪽에는 검색 영역이 있고, 오른쪽에는 지도 영역이 있습니다. 오른쪽 지도 영역에서 표시하고 싶은 위치를 클릭해보세요. 표시를 지우고 싶은 영역은 나타난 표시를 다시 클릭해보세요.]]></value>
+		<value xml:lang="en"><![CDATA[Maps component help. Search area on the left, and Map area on the right. Click the map to note a place or reclick to remove a mark.]]></value>
 	</item>
 	<item name="view_map">
 		<value xml:lang="ko"><![CDATA[지도가 입력되어 있습니다.<br />지도를 보시려면 여기를 클릭하세요.]]></value>

tpl/pop.css

@@ -6,7 +6,7 @@ body, html {
 	-moz-text-size-adjust: 100%;
 	margin: 0;
 	padding: 0;
-	font-family: '나눔고딕', NanumGothic, Sans-Serif;
+	font-family: '나눔고딕', NanumGothic, '맑은 고딕', Sans-Serif;
 }
 h1 {
 	background-color: #ff3b30;
@@ -67,9 +67,7 @@ address>a, h1>a, #insertAction {
 	opacity:  0 !important;
 }
 input[type=text]  {
-
 	width:  150px!important;
-
 }
 #view_list {
 	margin: 0;
@@ -98,3 +96,52 @@ li.result_lists>a {
 	height: 455px;
 	z-index: 100000;
 }
+div.xe_mobile {
+	display:none !important;
+}
+@media all and (max-width: 700px) {
+	#bodyDiv {
+		margin: 0 auto;
+		padding: 0;
+		width: 100%;
+		height: auto;
+	}
+	#controlArea {
+		box-sizing: border-box;
+		width: 100%;
+		height: 251px;
+		overflow: hidden;
+		float: left;
+	}
+	#map_canvas  {
+		box-sizing: border-box;
+		overflow: visible;
+		width: 100%;
+		height: 230px;
+	}
+	#result_list_layer {
+		overflow-y: scroll;
+		height: 150px;
+	}
+	#insertAction {
+		box-sizing: border-box;
+		display: block;
+		height: 40px;
+		font-size: 15px;
+		text-align: center;
+		background-color: #8e8e93;
+		border: 0;
+	}
+	#insertAction>span {
+		vertical-align: -10px;
+	}
+	#insertAction:hover {
+		background-color: #474749;
+	}
+	#helpDiv, #helpDiv>a, #helpDiv img{
+		display:none!important;
+	}
+	div.popup {
+		max-width: 100%!important;
+	}
+}

tpl/popup_maps.html

@@ -4,7 +4,7 @@
 <!--@else--><!--%import("google_map.js")--><!--@end-->
 <!--%import("pop.css")-->
 <!--%import("../lang")-->
-{@Context::addHtmlHeader('<script>var no_result="'.$lang->msg_no_result.'";'.
+{@Context::addHtmlHeader('<meta name="viewport" content="width=device-width, user-scalable=no" /><script>var no_result="'.$lang->msg_no_result.'";'.
 	'var dragmarkertext="'.$lang->soo_drag_marker_text.'";'.
 	'var soo_about_marker="'.$lang->soo_about_marker.'";'.
 	'var soo_langcode="'.$soo_langcode.'";</script>');}
@@ -33,8 +33,8 @@ <h1 id="title"><a href="#" onclick="toggle('helpDiv');return false;">{$component
 	<input type="hidden" id="height" value="" />
 	<div id="helpDiv" style="display:none;">
 		<a href="#" onclick="toggle('helpDiv');return false;">
-		<!--@if(Context::getLangType() == 'ko')--><img src="./modules/editor/components/map_components/tpl/image/help1.ko.png" alt="지도 컴포넌트 도움말 그림. 왼쪽에는 검색 영역이 있고, 오른쪽에는 지도 영역이 있습니다. 오른쪽 지도 영역에서 표시하고 싶은 위치를 클릭해보세요. 표시를 지우고 싶은 영역은 나타난 표시를 다시 클릭해보세요." />
-		<!--@else--><img src="./modules/editor/components/map_components/tpl/image/help1.en.png" alt="Maps component help. Search area on the left, and Map area on the right. Click the map to note a place or reclick to remove a mark." />
+		<!--@if(Context::getLangType() == 'ko')--><img src="./modules/editor/components/map_components/tpl/image/help1.ko.png" alt="{$lang->about_maps_component}" />
+		<!--@else--><img src="./modules/editor/components/map_components/tpl/image/help1.en.png" alt="{$lang->about_maps_component}" />
 		<!--@end-->
 		</a>
 	</div>