$(function () {
  var LocsA = [
    {
      lat: 40.740178,
      lon: -74.190194,
      title: "Chtwan",
      html: [
        '<div class="ltn__map-item">',
        '<h3 class="ltn__location-name">Chitwan,Nepal</h3>',
        '<h5 class="ltn__location-single-info"><i class="fas fa-map-marked-alt"></i>Chitwan, Nepal</h5>',
        '<h4 class="ltn__location-single-info"><i class="fas fa-phone-volume"></i>0123456789</h4>',
        '<div class="btn-wrapper">',
        "</div>",
        "</div>",
      ].join(""),
      icon: "img/icons/map-marker-2.png",
      animation: google.maps.Animation.BOUNCE,
    },
    {
      lat: 40.733617,
      lon: -74.17115,
      title: "Location 2",
      html: [
        '<div class="ltn__map-item">',
        '<h3 class="ltn__location-name">Boston, New York</h3>',
        '<h5 class="ltn__location-single-info"><i class="fas fa-map-marked-alt"></i>5816 S. Coulter Street Amarillo, TX 79119</h5>',
        '<h4 class="ltn__location-single-info"><i class="fas fa-phone-volume"></i>0123456789</h4>',
        '<div class="btn-wrapper">',
        '<a href="contact.html" class="btn btn-transparent btn-border btn-effect-4"><i class="fas fa-location-arrow"></i> Get An Appointment</a>',
        '<a href="#" class="btn btn-transparent btn-border btn-effect-3"><i class="fas fa-globe"></i> View Website</a>',
        "</div>",
        "</div>",
      ].join(""),
      icon: "img/icons/map-marker-2.png",
      animation: google.maps.Animation.BOUNCE,
    },
    {
      lat: 40.743011,
      lon: -74.2471,
      title: "Location 3",
      html: [
        '<div class="ltn__map-item">',
        '<h3 class="ltn__location-name">Boston, New York</h3>',
        '<h5 class="ltn__location-single-info"><i class="fas fa-map-marked-alt"></i>5816 S. Coulter Street Amarillo, TX 79119</h5>',
        '<h4 class="ltn__location-single-info"><i class="fas fa-phone-volume"></i>0123456789</h4>',
        '<div class="btn-wrapper">',
        '<a href="contact.html" class="btn btn-transparent btn-border btn-effect-4"><i class="fas fa-location-arrow"></i> Get An Appointment</a>',
        '<a href="#" class="btn btn-transparent btn-border btn-effect-3"><i class="fas fa-globe"></i> View Website</a>',
        "</div>",
        "</div>",
      ].join(""),
      icon: "img/icons/map-marker-2.png",
      animation: google.maps.Animation.BOUNCE,
    },
  ];
  new Maplace({
    locations: LocsA,
    controls_on_map: true,
    map_options: {
      zoom: 13,
      scrollwheel: false,
      stopover: true,
    },
    stroke_options: {
      strokeColor: "#f10",
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: "#f10",
      fillOpacity: 0.4,
    },
  }).Load();
});