A great round ride through beautiful scenery, mostly off-road, with a very low rate of HPH (humans per hour) – apart from the ride through Charlbury. Some nice pubs in Charlbury if you want to stop half way.
The code generated from the web map builder can be embedded on this page between tags – supplied by the raw html plugin. But a better, faster loading method is to save the code from Web Map Builder in Notebook as an html file, and upload to the wordpress uploads folder (Click Add media) and then enclose here in the iframe code provided on WMBuilder.
That’s how map 1 below was created.
<iframe src="http://www.mapsta.co.uk/wordpress/wp-content/uploads/2017/04/osStonesfield-CharlburyRide.html" width="98%" height="630px" frameborder=”0″ scrolling=”auto” name=”oswebmapframe”></iframe>
One problem though is that the map won’t display on mobiles. Not sure why. So a different solution was used for Map 2, which works on mobiles too. This required the OS OpenSpace Maps plugin. Procedure was as follows:
1 Mark the route in os getamap, komoot or any other route mapper.
2 Export the route as a gpx file to computer.
3 Upload the gpx file to Media Library or to a folder using cpanel’s file manager. (Note: to upload to WP’s media library, a plugin is needed as gpx files aren’t among WP’s allowed uploads by default. eg use WP Add Mime Types plugin to add gpx files to allowed file types).
4 Create the map with the plugin shortcode that includes a link to the gpx route file.
MAP 1 – iframe, but doesn’t work on mobiles
MAP 2 (using plugin)