M-am lovit de aceasta chestie si anume de a face google maps responsive pentru un site. Dupa o scurta cautare pe google am gasit urmatoarele coduri care evident functioneaza.
Codul de harta se pune intr-un div numit map-responsive.
In css avem urmatoarele coduri.
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<span class="token selector">.map-responsive</span><span class="token punctuation">{</span> <span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span> <span class="token property">padding-bottom</span><span class="token punctuation">:</span>56.25%<span class="token punctuation">;</span> <span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.map-responsive iframe</span><span class="token punctuation">{</span> <span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span> <span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span> <span class="token punctuation">}</span> |
Uite si eu am nevoie de asta.
Mersi!