<section class="map" id="map" data-long="3445" data-lat="4355"></section>
var gmap = document.getElementById('map');
var latitude = parseFloat(gmap.dataset.lat);
var longitude = parseFloat(gmap.dataset.long);
function initMap() {
var place = {
lat: latitude, // широта
lng: longitude // долгота
};
var map = new google.maps.Map(
document.getElementById('map'), {
zoom: 18,
center: place
});
var marker = new google.maps.Marker({
position: place,
map: map
});
}
.marker {
width: 10px;
height: 10px;
background: red;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
height: 100vh;
$('.list').hide();
function char_db(sub, char) {
//выдаем разделы
if (sub == 1 || sub == 2 || sub == 3) {
sub = Number.parseInt(sub);
$.ajax({
type: "POST",
url: "/char",
data: { asub: sub },
success: function success(resp) {
var text = JSON.parse(resp);
for (i = 0; i < text.length; i++) {
$('.charter_i').find('ul').append('<li data="' + text[i]['id'] + '">' + (i + 1) + '. ' + text[i]['names'] + '</li>');
}
show_charter(char);
}
}).fail(function () {
return;
});
} else {
return;
}
}
$('.sub_wrapper').on("click", function () {
//обрабатываем клик
if (!$('.list.charter_i').hasClass('visi')) {
//если не показаны разделы
var char = $(this);
var sub = $(this).attr('data');
char_db(sub, char);
} else {
if ($(this).find('span').hasClass('detected')) {
return;
}
hide_charter();
};
});