text: "use strict";
  
  var input_lat = $("#input-lat"), // latitude input text
    input_lng = $("#input-lng"), // longitude input text
    map = new GMaps({ // init map
      div: '#map',
      lat: -7.5576139,
      lng: 110.8557427,
      zoom: 16
    });
  
  // add marker
  var marker = map.addMarker({
    lat: -7.5576139,
    lng: 110.8557427,
    draggable: true,
  });
  
  // when the map is clicked
  map.addListener("click", function(e) {
    var lat = e.latLng.lat(), 
      lng = e.latLng.lng();
  
    // move the marker position
    marker.setPosition({
      lat: lat,
      lng: lng
    });
    update_position();
    localStorage.lat = lat;
    localStorage.lng = lng;       
  });
  
  // when the marker is dragged
  marker.addListener('drag', function(e) {
    update_position();
  });
  
  // set the value to latitude and longitude input
  update_position();
  function update_position() {
    var lat = marker.getPosition().lat(), lng = marker.getPosition().lng();
    input_lat.val(lat);
    input_lng.val(lng);
    localStorage.lat = lat;
    localStorage.lng = lng;
  }
  
  // move the marker when the latitude and longitude inputs change in value
  $("#input-lat,#input-lng").blur(function() {
    var lat = parseInt(input_lat.val()), 
      lng = parseInt(input_lng.val());
  
    marker.setPosition({
      lat: lat,
      lng: lng
    });
    map.setCenter({
      lat: lat,
      lng: lng
    });
  });
  