Google maps API, ändra storlek med % fungerar inte.

Permalänk
Medlem

Google maps API, ändra storlek med % fungerar inte.

Hej

Jag håller på med en hemsida som ska innehålla google maps. När jag sätter storleken i pixlar så fungerar det perfekt men när jag t.ex. försöker sätta en height på 100% så försvinner hela kartan.

Jag vet att man ska kunna ändra storleken genom javascript vilket kanske är enklare men jag har ingen aning om hur man gör. Så om någon har kunskap inom javascript som skulle kunna hjälpa mig så skulle de va nice.

Någons om vet hur man fixar det här?

Visa signatur

a,,x

Permalänk
Medlem

Har du satt en höjd på de element eller den taggen som google maps ligger i?

Visa signatur

MacBook Pro 14" | M1 Pro 10/16-Core | 32GB | 1TB
Legion Pro 16" | Ryzen 7 5800H | 16 GB | 1TB | GeForce RTX 3060

Permalänk
Medlem

@iFraja: Ja alltså jag har ju ett ID som jag sätter höjden och bredden i.

#map {
width: 800px;
height: 640px;
float: left;
}

Fungerar med pixlar men inte med % värde

Visa signatur

a,,x

Permalänk
Medlem

Jag kanske var otydlig, jag menade inte själv diven som google maps ligger i.

<div id="parent">
<div id="map">
GOOGLEMAP
</div>
</div>

Har du satt en höjd på #parent?

Visa signatur

MacBook Pro 14" | M1 Pro 10/16-Core | 32GB | 1TB
Legion Pro 16" | Ryzen 7 5800H | 16 GB | 1TB | GeForce RTX 3060

Permalänk
Medlem
Visa signatur

Citera mig om du vill att jag ska hitta till ditt svar.
airikr.me /device:desktop. Andra projekt: Keizai, Koroth & Serenum.

Permalänk
Medlem

@Airikr: Tack!

Visa signatur

a,,x