모바일 지원 강화, 리사이징 애드온 오작동 방지

#10
#8 동시 해결.
* 모바일에서 접근시 창을 벗어나지 않는 크기로 표시.
* 기본 지도 높이를 300px로 변경함
* 지도 표시 순서를 이미지 리사이징 애드온보다 후순위로 미룸.

info.xml

@@ -4,22 +4,25 @@
 	<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.4</version>
-	<date>2015-07-05</date>
+	<version>1.1.5</version>
+	<date>2015-07-12</date>
 	<license link="http://www.gnu.org/licenses/gpl-3.0.html">GPLv3</license>
-	<author email_address="[email protected]">
+	<author email_address="[email protected]" link="https://github.com/misol">
 		<name xml:lang="ko">김민수(misol)</name>
 		<name xml:lang="en">MinSoo Kim(misol)</name>
 	</author>
 	<extra_vars>
 		<var name="soo_daum_local_api_key">
-			<title>다음 API REST/JS Key</title>
+			<title xml:lang="ko">다음 API REST/JS Key(선택)</title>
+			<title xml:lang="en">DaumKakao API REST/JS Key(Optional, For Korean maps)</title>
 			<description>https://developers.daum.net/console 에서 앱 만들기 후, API 키 메뉴에서 REST/JS API 키 항목을 통해 웹 브라우저용 API 키를 발급 받으신 키를 입력해주세요.</description>
 		</var>
 		<var name="soo_map_api">
-			<title>지도 API Key</title>
+			<title xml:lang="ko">지도 API Key(선택)</title>
+			<title xml:lang="en">Maps API Key(Optional, For Korean maps)</title>
 			<description>https://developers.daum.net/console 에서 앱 만들기 후, API 키 메뉴에서 REST/JS API 키 항목을 통해 웹 브라우저용 API 키를 발급 받으시거나, https://developer.naver.com/openapi/register.nhn 에서 지도 API 키를 발급받은 후 입력해주세요.
-			다음 지도를 이용하실 경우, 위 다음 API REST/JS Key에서 입력한 키와 동일한 키를 입력하셔야 다음 지도를 이용하실 수 있습니다.</description>
+			다음 지도를 이용하실 경우, 위 다음 API REST/JS Key에서 입력한 키와 동일한 키를 입력하셔야 다음 지도를 이용하실 수 있습니다.
+			아무 값을 입력하지 않을 경우, 구글 지도가 나타납니다.</description>
 		</var>
 	</extra_vars>
 </component>

map_components.class.php

@@ -70,7 +70,7 @@ function decode_data() {
 
 		if($height_style[2]) $height = intval(trim($height_style[2]));
 		if(!$height) $height = intval($xml_obj->attrs->height);
-		if(!$height) {$height = 400;}
+		if(!$height) {$height = 300;}
 
 		$this->add("width", $width);
 		$this->add("height", $height);
@@ -318,7 +318,7 @@ function transHTML($xml_obj) {
 
 		if($height_style[2]) $height = intval(trim($height_style[2]));
 		if(!$height) $height = intval($xml_obj->attrs->height);
-		if(!$height) {$height = 400;}
+		if(!$height) {$height = 300;}
 
 		$header_script = '';
 		if($map_count==1) {
@@ -411,15 +411,17 @@ function transHTML($xml_obj) {
 				$width = $width.'px';
 			}
 			$height = $height.'px';
-			$view_code = '<span id="ggl_map_canvas'.$map_count.'" style="box-sizing:border-box;width:'.$width.';max-width:100%;height:'.$height.'" class="soo_maps"></span>'.
-				'<script>'.
-				'jQuery(window).load(function() { ggl_map_init'.$map_count.'(); });'.
-				'</script>'."\n";
+			$view_code = '<span id="ggl_map_canvas'.$map_count.'" style="box-sizing:border-box;width:'.$width.';max-width:100%;height:'.$height.'" class="soo_maps"></span>';
+			// 이미지 리사이징 애드온 등을 회피하기 위해서 가장 마지막에 실행 되도록 함
+			$footer_code = '<script>'.
+				'jQuery(window).load(function() { setTimeout(function(){ ggl_map_init'.$map_count.'(); }, 100); });'.
+				'</script>';
+			Context::addHtmlFooter($footer_code);
 		}
 		return $view_code;
 	}
 
-	function getImageMapLink($center, $markers, $zoom, $width=600, $height=400) {
+	function getImageMapLink($center, $markers, $zoom, $width=600, $height=300) {
 		$output = "https://maps-api-ssl.google.com/maps/api/staticmap?center=".$center."&zoom=".$zoom."&size=".$width."x".$height;
 		$positions = explode(";", $markers);
 		foreach($positions as $position) {

tpl/daum_map.js

@@ -132,7 +132,7 @@ function getMaps() {
 		var center = map.getCenter();
 
 		jQuery("#width").val('600');
-		jQuery("#height").val('400');
+		jQuery("#height").val('300');
 		map.setLevel(map_zoom);
 	}
 
@@ -281,7 +281,7 @@ function insertMap(obj) {
 	map_lat = map.getCenter().getLat();
 	map_lng = map.getCenter().getLng();
 	if(!width) {width = '600';}
-	if(!height) {height = '400';}
+	if(!height) {height = '300';}
 
 	//XE에서 속성 삭제하는 방향으로 바뀐다면, alt 에 넣자
 	var img_var = {

tpl/google_map.js

@@ -157,7 +157,7 @@ function getMaps() {
 		var center = map.getCenter();
 
 		jQuery("#width").val('600');
-		jQuery("#height").val('400');
+		jQuery("#height").val('300');
 		map.setZoom(map_zoom);
 	}
 
@@ -311,7 +311,7 @@ function insertMap(obj) {
 	map_lat = map.getCenter().lat();
 	map_lng = map.getCenter().lng();
 	if(!width) {width = '600';}
-	if(!height) {height = '400';}
+	if(!height) {height = '300';}
 
 	//XE에서 속성 삭제하는 방향으로 바뀐다면, alt 에 넣자
 	var img_var = {