Google-карта отображение веб-компонент пустого

Question

Я использую веб-компонент Google-карту в полимере и последовал пример:

<google-map latitude="7.1907" 
       longitude="125.4553" 
       api-key="{{apiKey}}" 
       on-google-map-ready="mapReady"></google-map> 

со стилем:

google-map { 
    width: 100%; 
    height: 200px; 
    display: block; 
} 

, но он показывает, как это :

Я пытался работать с отзывчивостью и каждый ти меня экран изменяет нагрузки на карты, любые идеи или решения? Благодаря

Answer 1

Получили решение в настоящее время. Я использовал Google-карту компонента resize() метод, в соответствии с documentation:

Явным изменяет карту, обновляет свой центр. Это полезно, если карта не отображается после того, как вы ее скрыли.

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