Отображается только надпись - TechnoStore. И название города должно отображаться.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Electromart</title>
<!-- <link href="//db.onlinewebfonts.com/c/8274996f8cf973b15814827fa281e485?family=TechnojunkW00-Regular" rel="stylesheet" type="text/css"/>-->
<link rel="stylesheet" href="css/eshop.css">
</head>
<body>
<header class="header">
<div class="header__container">
<div class="topheader">
<div class="topheader1">
<?php
echo $_COOKIE["city"];
?>
</div>
</div>
<div class="header__item">
<div class="logoimage">
</div>
</div>
</header>
<footer class="footer">
</footer>
<script type="text/javascript" src="js/geoloc.js"></script>
<script type="text/javascript" src="js/geocode1.js"></script>
</body>
</html>
В файле геокодирования я go через весь массив и получаю значение города, региона и страны. Затем я формирую блоки текста с указанием города и страны и добавляю их в конец документа. Я провел некоторую отладку и обнаружил, что операторы alert не выводят информацию.
geocode1. js
$(document).ready(function () {
var geocoder = new google.maps.Geocoder();
alert(1);
geocoder.geocode({address: lat + ',' + lng}, function (results, status) {
if (status !== google.maps.GeocoderStatus.OK || !results[0]) {
return;
}
var result = results[0];
var city, region, country;
for (var i = 0; i < result.address_components.length; i++) {
if (result.address_components[i].types[0] === "locality") {
city = result.address_components[i];
}
if (result.address_components[i].types[0] === "administrative_area_level_1") {
region = result.address_components[i];
}
if (result.address_components[i].types[0] === "country") {
country = result.address_components[i];
}
}
let div = document.createElement("div");
let text = document.createElement("p");
text.innerHTML = '${city}, ${country}';
document.body.append(div);
div.append(text);
alert(city.long_name);
alert(1);
setCookie("city", city.long_name, "10");
alert(city.long_name + ", " + region.long_name + ", " + country.short_name);
});
// createCookie("city", city.long_name, "10");
});
function setCookie(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
}
else {
expires = "";
}
document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";
}
Вставка в DOM не работает
введите описание изображения здесь