Update map plugin

Author: SoongE

Gemfile

@@ -7,5 +7,4 @@ group :jekyll_plugins do
     gem 'jekyll-feed'
     gem 'jekyll-seo-tag'
     gem 'jekyll-spaceship'
-    gem 'jekyll-maps'
 end

_config.yaml

@@ -24,13 +24,8 @@ exclude:
   - vendor/
   - readme.md
 
-gems:
+plugins:
   - jekyll-feed
   - jekyll-sitemap
   - jekyll-seo-tag
   - jekyll-spaceship
-  - jekyll-maps
-
-maps:
-  google:
-    api_key: AIzaSyB6EQIam9lIzV6cPKGZAO2GrwTFkoKVOME

_includes/contact/0_map.html

@@ -0,0 +1,30 @@
+<div id="map" style="width:100%;height:60rem;"></div>
+<script>
+  window.mapData = {"latitude": {{ include.latitude }},"longitude": {{ include.longitude }}, "zoom": {{ include.zoom}}};
+
+  function initMap() {
+    var myOptions = {
+      scrollwheel: false,
+      draggable: false,
+      panControl: false,
+      disableDefaultUI: true,
+      zoom: window.mapData.zoom,
+      maxZoom: window.mapData.zoom,
+      minZoom: window.mapData.zoom,
+      center: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude),
+      mapTypeId: google.maps.MapTypeId.ROADMAP
+    };
+
+    var map = new google.maps.Map(document.getElementById('map'), myOptions);
+
+    var marker = new google.maps.Marker({
+      map: map,
+      position: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude)
+    });
+
+    google.maps.event.addDomListener(window, 'resize', function() {
+      map.setCenter(myOptions.center);
+    });
+  }
+</script>
+<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6EQIam9lIzV6cPKGZAO2GrwTFkoKVOME&amp;callback=initMap"></script>

_includes/contact/1_contact.html

@@ -52,13 +52,4 @@
         </div>
     </form>
 </div>
-
-<div>
-    {% 
-        google_map
-        width="100%"
-        latitude="37.28655579967086" longitude="127.0458858734021"
-        marker_title="CILAB" marker_url="https://www.ajou.ac.kr/kr/index.do"
-        zoom="15%"
-    %}
-</div>
+{% include contact/0_map.html latitude=37.28655579967086 longitude=127.0458858734021 zoom=15 %}