Сохранить координаты карты на выбранный город после перезагрузки страницы - JS

[Joushin]

Добрый день.
При нажатии на кнопку он меняет местоположение карты на нужное но при перезагрузки страницы он возвращает на исходное положение.
Я пытался задать начальную точку карты с условием при разных городах разные точки координат, но безуспешно. Я начал недавно изучать js по этому знаний мало. Пытался гуглить, но ничего не нашел, может просто не так искал.
Помогите решить проблемку.

<div class="row list-address-school">
   <div class="city-column">
      <button class="btn-address-1 button" >Казань</button>
      <button class="btn-address-2 button" >Набережные Челны</button>
      <button class="btn-address-3 button" >Нижнекамск</button>
      <button class="btn-address-4 button" >Мытищи</button>
      <button class="btn-address-5 button" >Белгород</button>
      <button class="btn-address-6 button" >Южное Бутово</button>              
      <button class="btn-address-7 button" >Хабаровск</button>
   </div>
   <div class="city-column">
      <button class="btn-address-8 button" >Калининград</button>
      <button class="btn-address-9 button" >Брянск</button>
      <button class="btn-address-10 button" >Сочи</button>
      <button class="btn-address-11 button" >Череповец</button>
      <button class="btn-address-12 button" >Москва</button>
      <button class="btn-address-13 button" >Нижний Новгород</button>
      <button class="btn-address-14 button" >Новосибирск</button>
   </div>
   <div class="city-column"> 
      <button class="btn-address-15 button" >Альметьевск</button>
      <button class="btn-address-16 button" >Санкт-Петербург</button>
      <button class="btn-address-17 button" >Сургут</button>
      <button class="btn-address-18 button" >Новокузнецк</button>
      <button class="btn-address-19 button" >Тверь</button>
      <button class="btn-address-20 button" >Тюмень</button>
      <button class="btn-address-21 button" >Ижевск</button>
      <button class="btn-address-22 button" >Севастополь</button>
   </div>
</div>

var markers = [
{ point:[111, 111], marker:'Казань' },
{ point:[222, 222], marker:'Набережные челны' },
{ point:[333, 333], marker:'Нижнекамск' },
{ point:[444, 444], marker:'Мытищи' },
{ point:[555, 555], marker:'Белгород' },
{ point:[666, 666], marker:'Южное Бутово' },
{ point:[777, 777], marker:'Новосибирск' },
{ point:[888, 888], marker:'Хабаровск' },
{ point:[999, 999], marker:Брянск' },
{ point:[1111, 1111], marker:'Сочи' },
{ point:[1222, 1222], marker:'Череповец' },
{ point:[1333, 1333], marker:'Москва' },
{ point:[1444, 1444], marker:'Нижний новгород' },           
{ point:[1555, 1555], marker:'Вологда' },
{ point:[1666, 1666], marker:'Санкт-петербург' },
{ point:[1777, 1777], marker:'Сургут' },
{ point:[1888, 1888], marker:'Новокузнецк' },
{ point:[1999, 1999], marker:'Электросталь' },
{ point:[2111, 2111], marker:'тюмень' },
  ];
    var map = new L.Map('map', {
        center: new L.LatLng(56.2539, 92.112),   //Как я понял нужно подшаманить в этом месте. Но я не могу додумать, как.
        zoom: 10,                                          //я вертел эту часть как мог, но ничего не вышло.
        zoomAnimation: true
    });  
    map.options.maxZoom = 17;
    map.options.minZoom = 2;
    var yndx = new L.Yandex();
    var googleGeocodeProvider = new L.GeoSearch.Provider.Google();
    map.addLayer(yndx);
    var myIcon = L.icon({
            iconUrl: '/modules/mod_maps_address/assets/img/marker-icon.png',
            shadowUrl: '/modules/mod_maps_address/assets/img/marker-shadow.png',
            iconSize: [37, 49],
            shadowSize: [47, 14]
        });
    $.each(markers, function(id, item){
        L.marker(item.point, {
            icon: myIcon,
            bounceOnAdd: true,
            bounceOnAddOptions: {
                duration: 500, height: 300
            }
        }).bindPopup(item.marker).addTo(map);
        });
        $(document).on('click', '.button', function(e){
            e.preventDefault();
            var _this = $(this),
            city = _this.text(),
            box_id = _this.data('box');
            googleGeocodeProvider.GetLocations(city, function (data) {
                $('.maps-info .panel').hide();
                map.setZoom(10);
                var center = map.project(new L.LatLng(data[0].Y, data[0].X));
                center = new L.point(center.x + 250, center.y);
                var target = map.unproject(center);
                map.setView(target, 10);
                $(box_id).show();
            });
        });
        {if $is_device}
            $(document).on('change','.select-box-inner', function(){
                var _this = $(this),
                city = $( ".select-box-inner option:selected" ).text(),
                box_id = _this.val();
                googleGeocodeProvider.GetLocations(city, function (data) {
                    $('.maps-info .panel').hide();
                    map.setZoom(10);
                    var center = map.project(new L.LatLng(data[0].Y, data[0].X));
                    center = new L.point(center.x, center.y);
                    var target = map.unproject(center);
                    map.setView(target, 10);
                    $(box_id).show();
                });
            });

[ADSoft]

а почему он не должен возвращать исходное состояние?
Если хотите сохранение состояние - так реализуйте его, через cookies или local storage. При нажатии кнопки - сохраняете данные по выбранной точке в выбранное хранилище, при инициализации карты проверяете нет ли в хранилище чего то, если есть - инициализируете с этими данными, если нет - то как обычно показываете