Use of embedded web maps

[jodygarnett]

Including maps that are fast and look amazing is important in showcasing our expertise as cartographers and credibility as technologists.

Gretchen has done a great job on the cartography, as we can see in the style guide, this issue is used to double check how well these maps are integrated into our website.

Here are pages that are intended to include both an embedded web map at the top of the page, and a full screen map used to explore.

• [x] http://osgeo.getinteractive.nl/local-chapters/ - see wireframes_v9 page 20 & 21
• [x] http://osgeo.getinteractive.nl/initiatives/geo-for-all/ - see wireframes_v9 page 23 & 25 (pending https://github.com/OSGeo/osgeo/issues/150)
• [x] http://osgeo.getinteractive.nl/community/members/ - see wireframes_v9 page 27 & 28

How to use:

1. geo-for-all displays map as part of the initial page

2. list maps (local-chapters, members): use filter dropdown and toggle map

My understanding is the maps were removed from list pages due to design change (to hide filters unless used) and tile performance.

The following I thought would use maps, as they have a location, but it is not supported by the wireframes (as such they can be viewed as an enhancement):

• [ ] http://osgeo.getinteractive.nl/service-providers/ - see wireframes_v9 page 13
• [ ] http://osgeo.getinteractive.nl/events/ - see wireframes_v9 page 30-31

[jodygarnett]

I am unsure if the non-functioning maps I see are due to browser differences:

Safari

Safari 11.0 http://osgeo.getinteractive.nl/geo-for-all-labs/ Filter --> Toggle Map

• map displays with no tiles
• 4 labs are visible as point markers on the map
• no interaction with these point markers is supported

Chrome

Chrome 61.0 11.0 http://osgeo.getinteractive.nl/geo-for-all-labs/ Filter --> Toggle Map

• no tiles initially, hammering refresh repeatedly caused them to fill in
• additonal labs visible
• no interaction with point markers is supported

Firefox

Firefox 56.0 http://osgeo.getinteractive.nl/geo-for-all-labs/ Filter --> unable to display filter dropdown!

• unable to verify map functionality

Firefox 56.0 http://osgeo.getinteractive.nl/initiatives/geo-for-all/

• embedded map not displayed

[vloemans-marc]

Using an iPhone 6 Plus, I don't see any maps on screen. Have filed a bug (first ever in my life...what's next....me coding ;-)

[jodygarnett]

And to think many individuals start their open source journey by filing an issue; you are just taking a different approach @vloemans-marc .

[gisnederland]

on Win10 - 64 bitOS: http://osgeo.getinteractive.nl/geo-for-all-labs/ chrome (61.0.3163.100): tiles display OK / point markers display OK but no interaction IE (11.674): Header (text) and footer (sponsors) of page loads, middle part with labs does not load at all Edge: tiles display OK / point markers display OK but no interaction FireFox (56.0.1): button filter does not respond

[gisnederland]

On Android 6.0.1 http://osgeo.getinteractive.nl/geo-for-all-labs/ chrome (61.0.3163.98): tiles display OK / point markers display OK but no interaction

[gisnederland]

On Android (tablet) http://osgeo.getinteractive.nl/geo-for-all-labs/ chrome (55.0.2883.91): tiles display OK / point markers display OK but no interaction standard android browser (4.3.1-1754): page won't load (middle part with labs doesn't load).

[ghost]

Firefox 56.0 http://osgeo.getinteractive.nl/geo-for-all-labs/ Filter --> unable to display filter dropdown! Firefox 56.0 http://osgeo.getinteractive.nl/initiatives/geo-for-all/ embedded map not displayed

Filter dropdown is now working and map is displayed in Firefox.

[gisnederland]

Regarding IE: debugging shows erros "promise is not defined"

Possible solution: https://stackoverflow.com/questions/36831372/promise-is-undefined-in-ie

[gisnederland]

standard Android (4.3.1) browser on Samsung tablet still not working as well. Perhaps the same "promise"-problem?

[ghost]

Regarding IE: debugging shows erros "promise is not defined"

The promise error is fixed by using the polyfill.

Also the interaction that was missing is added to the maps.

standard Android (4.3.1) browser on Samsung tablet still not working as well. Perhaps the same "promise"-problem?

@gisnederland Could you test the new version of the map on that specific Android version? I tested on other versions and it works, but I don't have that specific version available.

[gisnederland]

Works like a charm on the Android 4.3.1 browser.