Cheizer

Разобрался, в проверке нужно было так

if(astr == 'astr'){
    map.panTo(new google.maps.LatLng(57.170336067504834,65.5674305));
    map.setZoom(12);
   }

В общем, если вы прячете блок с картой по принципу display none block. То достаточно выполнить событие resize для карты.
Или в функцию отдельную запихнуть и вызывать ее когда нужно, или на событие on click

function showMap(){
google.maps.event.trigger(map, 'resize');
}
//или
$('#btn').on('click', function() {
    showMap();
google.maps.event.trigger(map, 'resize');  //или сразу
	});

Но у меня другая проблема, в модальных окнах это не сработает, так как в дереве при загрузке не было карты, и нужно инициализировать карту в окне. Тут нужно смотреть доки popup окна вашего и на callback функцию вешать вызов функции initialize(); или на события event. Но нужно вызвать initialize(); пример

$('.get-direction').on('click',function() {
    // if map is null (the first time), initiate Google maps;
    if (! map) {
      initialize();
    }
    searchAddress( $(this).html() );
    showMap();
  });
  $('.close-map').click(function() {
    hideMap();
  });

Очень просто, стилями.

Вот стили для Google CART готовые https://snazzymaps.com/explore?tag=dark

Вот тут в можете создать свой стиль https://mapstyle.withgoogle.com/

А вот пример серой карты https://codepen.io/Cheizer/pen/wxMqLz

Вот черной https://codepen.io/Cheizer/pen/EzNvVB

Копируйте те или иные стили в опциях в свой код и все styles: [..........]