73 lines
2.6 KiB
JavaScript
73 lines
2.6 KiB
JavaScript
$(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();
|
|
});
|