<div class="buttons">
<button data-marks="/path/to/marks-moscow.json">Москва</button>
<button data-marks="/path/to/marks-piter.json">Питер</button>
<button data-marks="/path/to/marks-vladimir.json">Владимир</button>
<button data-marks="/path/to/marks-ekb.json">Екатеринбург</button>
</div>/* пример содержимого файла marks-*.json
{
"name": "foo",
"style: "bar",
"items": [{
"center": [51.713099, 39.270688],
"name": "Центрторг №3 г. Воронеж, ул. Маршала Одинцова, 25 А"
}, {
"center": [51.713099, 39.270688],
"name": "Центрторг №3 г. Воронеж, ул. Маршала Одинцова, 25 А"
}, {
...
}]
} */
$('.buttons').on('click', 'button', function() {
var path = $(this).data('marks');
$.getJSON(path, function(response) {
console.log(response.name) // foo
console.log(response.style) // bar
console.log(response.items[1].center[0]) // 51.713099
})
});(function(){
function getUrlParams() {
if (location.search) {
return location.search.replace('?', '').split('&').reduce((res, mark) => {
const [key, value] = mark.split('=');
return (res[key] = decodeURIComponent(value), res);
}, {});
}
}
const htmlElement = document.querySelector('h1.my-super-seo-header');
const urlParams = getUrlParams();
if (urlParams && htmlElement) {
const param = urlParams['utm_term'];
if (param) {
htmlElement.textContent = param;
}
}
})();