$(document).ready(searchMap);

function searchMap() {

  var zoneMap = document.getElementById('zone-map');
  if(zoneMap != null)
    loadMap(zoneMap);
  
  var hotelMap = document.getElementById('hotel-map');
  if(hotelMap != null)
    loadMap(hotelMap);
}

function loadMap(container) {

  var x = 40;
  var y = 40;

  var locationData = $('#map-location').text();
  if(locationData) {
    var tokens = locationData.split(',');
    x = parseFloat(tokens[0]);
    y = parseFloat(tokens[1]);
  }

  var latlng = new google.maps.LatLng(x, y);
  var myOptions = {
    zoom: 14,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  };
  var map = new google.maps.Map(container, myOptions);
  var markerOptions = {
    position: latlng
  };
  var marker = new google.maps.Marker(markerOptions);
  marker.setMap(map);
}