const directionsService = new google.maps.DirectionsService;
const directionsDisplay = new google.maps.DirectionsRenderer;
let directions = [];
() => {
directionsService,
if (status === 'OK') {
const colors = ['blue', 'red', 'green', 'orange', 'yellow', 'black'];
const responseRoutes = result.routes;
directions.forEach((direction) => {
direction.setMap(null);
});
directions = [];
for (let i = 0; i < responseRoutes.length; i++) {
const directionsOptions = {
directions: result,
routeIndex: i,
polylineOptions: {
strokeColor: colors[i],
strokeWeight: 4,
strokeOpacity: 0.5,
},
};
const newDirection = new google.maps.DirectionsRenderer(directionsOptions);
newDirection.setMap(map);
directions.push(newDirection);
}
}
}
<a class="video" href="картинка_или_скриншот_видео.jpg">
<iframe src="https://www.youtube.com/embed/o6rBK0BqL2w" frameborder="0" allowfullscreen></iframe>
</a>
//Проверка на наличие подменю у левого меню. В случае нахождения добавляем "стрелку" для выпадающего меню
$('.left-menu__list .left-menu__item').append( function(indx, val){
if($(this).find('.left-menu__list').length != 0)
return '<span class="arrow">›</span>';
else
return '';
});
//Окончание секции "Проверка на наличие подменю у левого меню. В случае нахождения добавляем "стрелку" для выпадающего меню"
//Раскрытие меню при нажатии на "стрелку"
$('.arrow').click(function(){
$(this).toggleClass('arrow-switch');
$(this).parents('.left-menu__item').find('.left-menu__list').toggleClass('left-menu__list--open');
});
//Окончание секции "Раскрытие меню при нажатии на "стрелку"
.left-menu__list {
max-height: 0;
-webkit-transition: 800ms ease all;
transition: 800ms ease all;
}
.left-menu__list--open {
max-height: 320px;
-webkit-transition: 800ms ease all;
transition: 800ms ease all;
}
jQuery(document).ready(function() {
jQuery("#scrollup").mouseover(function() {
jQuery(this).animate({
opacity: .65
}, 100)
}).mouseout(function() {
jQuery(this).animate({
opacity: 1
}, 100)
}).click(function() {
$("html, body").animate({
scrollTop: "0px"
});
return !1
});
jQuery(window).scroll(function() {
0 < jQuery(document).scrollTop() ? jQuery("#scrollup").fadeIn("slow") : jQuery("#scrollup").fadeOut("slow")
})
});
#scrollup {
position: fixed;
width: 35px;
height: 35px;
right: 20px;
bottom: 40px;
display: none;
cursor: pointer;
background-repeat: no-repeat;
background-position: -3px -76px;
background-image: url('data:image/png;base64....)