bib_wp/abchospitalitynepal.com/wp-content/themes/abchospitality/js/maplace-active.js

73 lines
2.6 KiB
JavaScript
Raw Normal View History

2024-03-12 05:32:45 +00:00
$(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();
});