From 472db24705b0914e64a3fdbac37415a7f7a7eaf6 Mon Sep 17 00:00:00 2001
From: hide_d <hided62@gmail.com>
Date: Thu, 19 Jul 2018 00:39:05 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A7=80=EB=8F=84=EC=97=90=20=EB=8F=84?=
 =?UTF-8?q?=EC=8B=9C=EB=AA=85=20=EC=BC=AC=EB=81=94=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/css/common.css    |  7 +++++++
 hwe/css/map.css       | 18 ++++++++++++++++++
 hwe/js/map.js         | 19 +++++++++++++++++++
 hwe/templates/map.php |  6 +++++-
 4 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/hwe/css/common.css b/hwe/css/common.css
index c1bcbf8b..e9f1e50f 100644
--- a/hwe/css/common.css
+++ b/hwe/css/common.css
@@ -195,3 +195,10 @@ div.bar_out div.bar_in{
 .tooltiptext {
     display: none;
 }
+
+.btn-group-xs > .btn, .btn-xs {
+    padding  : .25rem .4rem;
+    font-size  : .875rem;
+    line-height  : .5;
+    border-radius : .2rem;
+  }
\ No newline at end of file
diff --git a/hwe/css/map.css b/hwe/css/map.css
index 87177552..489d00d2 100644
--- a/hwe/css/map.css
+++ b/hwe/css/map.css
@@ -51,6 +51,20 @@
     top:0;
 }
 
+.map_body .map_button_stack{
+    position:absolute;
+    right:0;
+    bottom:0;
+}
+
+.map_body .map_toggle_cityname::after{
+    content: "끄기"
+}
+
+.map_body .map_toggle_cityname.active::after{
+    content: "켜기"
+}
+
 .world_map .city_tooltip{
     position: absolute;
     z-index:6;
@@ -104,6 +118,10 @@
     color:white;
 }
 
+.world_map.hide_cityname .city_detail_name{
+    display:none;
+}
+
 .city_base{
     position:absolute;
     width:40px;
diff --git a/hwe/js/map.js b/hwe/js/map.js
index 0fc6dcab..675257d7 100644
--- a/hwe/js/map.js
+++ b/hwe/js/map.js
@@ -420,6 +420,25 @@ function reloadWorldMap(option){
         return obj;
     }
 
+    var $hideCityNameBtn = $world_map.find('.map_toggle_cityname');
+    if(localStorage.getItem('sam.hideMapCityName') == 'yes'){
+        $world_map.addClass('hide_cityname');
+        $hideCityNameBtn.addClass('active').attr('aria-pressed', 'true');
+    }
+
+    $hideCityNameBtn.click(function(){
+        //이전 상태 확인
+        var state = !$hideCityNameBtn.hasClass('active');
+        if(state){
+            $world_map.addClass('hide_cityname');
+            localStorage.setItem('sam.hideMapCityName', 'yes');
+        }
+        else{
+            $world_map.removeClass('hide_cityname');
+            localStorage.setItem('sam.hideMapCityName', 'no');
+        }
+    });
+
     if(isDetailMap){
         $world_map.addClass('map_detail');
     }
diff --git a/hwe/templates/map.php b/hwe/templates/map.php
index 2494a40b..fc70f88e 100644
--- a/hwe/templates/map.php
+++ b/hwe/templates/map.php
@@ -7,6 +7,11 @@
         <div class="map_bglayer1"></div>
         <div class="map_bglayer2"></div>
         <div class="map_bgroad"></div>
+        <div class="map_button_stack">
+        <button type="button" class="btn btn-primary map_toggle_cityname btn-xs" data-toggle="button" aria-pressed="false" autocomplete="off">
+            도시명 표기
+        </button>
+        </div>
         <div class="city_tooltip">
             <div class="city_name">
 
@@ -15,6 +20,5 @@
 
             </div>
         </div>
-        
     </div>
 </div>
\ No newline at end of file