Функция для возврата значения cookie

Question

Это код, который я использую для создания файла cookie

 document.cookie = (firebase.auth().currentUser.phoneNumber);
    handleSignedInUser(user);

Это код, который я использую, чтобы прочитать значение моего cookie и присвоить его значение метке маркера карты Google

var markerLabel = document.cookie;
  var marker = new google.maps.Marker({
    position: {
      lat: data.User.l[0],
      lng: data.User.l[1]
      
    },
    map: map,
    label: markerLabel
  });

Изображение домашней страницы Вместо того, чтобы отображать только номер телефона, он также говорит, что номер телефона не определен.Другой пользователь переполнения стека упомянул, что я неправильно возвращаю значение cookie.Я нашел эту функцию для возврата значения куки на https://www.w3schools.com/js/js_cookies.asp

function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

Не могу понять, как применить эту функцию к моему коду.Если бы кто-нибудь мог помочь мне с этим, я был бы очень признателен

Answer 1

Вам нужно правильно установить cookie с именем, чтобы вы могли прочитать его по имени позже. Где бы вы ни находили функцию getCookie, должна быть противоположная, что-то вроде setCookie, которую вы должны использовать для установки cookie. Таким образом, ваш рабочий процесс будет выглядеть так:

setCookie('phoneNumber', firebase.auth().currentUser.phoneNumber);

Тогда

var markerLabel = getCookie('phoneNumber');
var marker = new google.maps.Marker({
  position: {
    lat: data.User.l[0],
    lng: data.User.l[1]
  },
  map: map,
  label: markerLabel
});