How to make an embedded Google Map go fullscreen?

the best i can up with is to hold down ctrl and scroll your mouse wheel over it to zoom in. then use the scrollbars to centre the map as best you can.

map.jpg

use ctrl + 0 (zero) to reset the zoom.
 
look on the actual google maps for the same place? :S

Sorry I should have been clearer.

If you look at that embedded map you can see blue circles. These are airport locations marked on there by that World Aero Data website. Thats why its that particular map I want to view in fullscreen.



@ Cosimo - I'll try that thanks, hope it pulls the map from this website so I get a full-on Google map with the blue airport locator circles.
 
Last edited:
In google chrome right click on the page and "inspect element".

Look for the line that starts:

<div id="map_canvas"

and replace the style with this:

<div id="map_canvas" style="position:absolute; top:0; left: 0; width: 100%; height: 800px;">

You can make the height whatever you want but 100% won't work. So you'll need to set it to be whatever height your resolution / browser is.

Simples:
AdPqLOv.jpg
 
Last edited:
In google chrome right click on the page and "inspect element".

Look for the line that starts:

<div id="map_canvas"

and replace the style with this:

<div id="map_canvas" style="position:absolute; top:0; left: 0; width: 100%; height: 800px;">

You can make the height whatever you want but 100% won't work. So you'll need to set it to be whatever height your resolution / browser is.

Ahh that is exactly what im after!! Thank you. I feel thick but I just cant seem to locate that particular line in Chrome after the right click?

adqlXOhr.jpg
 
Back
Top Bottom