Friday, May 01, 2020

eGEW-GeoTrips: Enhanced GoogleEarthWeb virtual fieldtrips with image, video, hotlinks and voice

Alert:  Google suddenly (May 2021) disallowed html use of the 'onclick' function in Google Earth Web, so our code had to be adjusted accordingly.  Google has since reversed this change, but we nonetheless use the new, robust code in the lastest blog (October 2021)


In support of this spring and summer's new normal where field trips have become virtual and toward course-based geology explorations, we developed an enhanced Google Earth Web environment, using my Maryland Appalachians fieldtrip as an example.
Here is a 10min presentation on enhancedGEW that describes GeoTrips and GeoExplorations.  The latter adds globe overlay functionality: http://resilience.earth.lsa.umich.edu/eGEW/eGEW.mp4
Whereas based on it, this not standard Google Earth Web, as that only allows limited images and text add-on to the navigation environment, nor is eGEW a local resource intensive Google Earth desktop application.  Instead, eGEW-GeoTrips runs from the web on any desktop, tablet or phone using your browser.  It offers greatly enhanced GEW functionality, with files loaded from the web (public html server) as needed, so no local files or programs are necessary.


Click on <Present> to start.

The brains of the project is Josh Williams (@geteach), who wrote GEW templates that replace the default GEW that Google supplies.  eGEW allows images, video, StreetView, GigaPan, hotlinks and voice narration in a single Info Panel of FullScreen and NewFeature, while retaining the cool navigation of Google Earth (including StreetView).

Replace the example links to public webserver-based image, video and voice files, and don't otherwise touch the html code.  Copy and paste in GEW, and voila...

eGEW-GeoTrips: New Feature/Add Placemark and FullScreen Templates 

Codes by Josh Williams (@geteach) 
Applications by Ben van der Pluijm (@vdpluijm) 

New Feature - Instructions 

Change highlighted parts with links to your own pics, video, audio and text (where code is highlighted only). Copy and paste (no formatting) in the New Feature text box after “Switch to HTML” under More Actions (overwrite anyhting in the box). Select "Large Info Box" option.  Instructions to replace the Full Screen panel with added functionality are slightly different (also below).

Rename the CarouselVideoAudioTemplate.html file for each New Feature (for example "Stop2-4-folds.html") and make changes with a text editor (like Notebook). Save as .html file in text editor (not Word formatted .docx file) 

Note: You will find the original templates and explanations by Josh Williams on GitHub: https://github.com/geteach/geteachGeology.  The file below is slightly modified.

----------------------------------------------
to be added
---------------------------------

Full Screen - Instructions 

Change highlighted parts with links to your own pics, video, audio and text (where highlighted only). Copy and paste (no formatting) in the New Feature text box after “Switch to HTML” under More Actions (empty the box) and use "Large Info Panel". 

Rename the FullScreenTemplate.html file for each Full Screen (for example stop Geology.html) and make changes in text editor (like Notebook). Save as .html file in a text editor (not Word formatted .docx file) 

Note: You will find the original templates and explanations by Josh Williams on GitHub: https://github.com/geteach/geteachGeology.  The file below is slightly modified.

---------------------------
to be added
--------------------

1 comment:

Moha said...

This is great. Thanks for sharing.
We've just finished our MSc virtual field trip to the Pyrenees. It would have been nice to compile all the digital material that we built in Google Earth. Hopefully, we won't have to do it remotely next year, but if could be useful for people with limited mobility that can't do go to the field.

Moh.