Fullscreen Map for Garmin Connect

[Mick Simmons]

Garmin fans who use Garmin Connect might like this neat little tool. 

The map on Garmin Connect is only about one third of the screen and this allows it to be displayed fullscreen. Details:

https://johanberonius.github.io/fullscreen-maps/garmin-connect/

[Drew]

This is great but doesn't work during course creation.  I have a workaround.

Google chrome is great however and allows you to inspect the html code and edit it!  Right click on the page and select inspect from the pop-up menu.  A window will appear on the RHS which has the HTML code.  If you move your cursor over a HTML tag the corresponding element in the display is highlighted.

This should allow you to find the following:

<div id="map_container" class="routeMapContainer google-maps" title="" style="height: 896px; position: relative; overflow: hidden; transform: translateZ(0px); background-color: rgb(229, 227, 223);">

just edit "height: ###px..." to the value you want.

Perhaps someone knows enough about javascript to write a plugin that would access the DOM "map_container" box and increase its height.

Hope this is of use.

Cheers

Drew

[Mick Simmons]

Handy. I'll try it. Thanks!

[Drew]

I have made a google chrome extension to do this automatically.

Copy these files to a directory.  Go to settings - extensions.  Click the developer option.  Load the unpacked extension from that directory/

Enjoy.

On Wednesday, 13 May 2015 18:03:47 UTC+1, Mick Simmons wrote:

[Drew]

Looking at the course creator html the business end is referenced within it and is this page:

https://connect.garmin.com/mincourse/create

If you save this URL to your favourites bar you get a bigger map to edit things.  

Not fullscreen but not nearly as irritating as the previous letterbox view.

Enjoy

On Wednesday, 13 May 2015 18:03:47 UTC+1, Mick Simmons wrote:

[Drew]

Here is my final solution:

1.  Use the direct link to the course creator:  https://connect.garmin.com/mincourse/create

2.  Create a content script in Google Chrome.  The source files are attached.  Save these files to a directory.  Enable developer mode in Chrome in settings.  Load the unpacked extension from the directory.  

All the best

Drew

On Wednesday, 13 May 2015 18:03:47 UTC+1, Mick Simmons wrote:

[Johannes]

Fantastic, was just wondering how I can do that and found your incredible tool. It works fine, many thanks!