Hiking the Inca Trail to Machu Picchu / / No Comments The 3D Inca Trail Tour is a guided tour of the four day trek from Piskacucho to Machu Picchu. This interactive tour of the incredible journey to the historic Incan citadel in the Andes makes impressive use of MapboxGL’s 3d terrain data to provide a virtual taste of some of the world’s most beautiful views.As you scroll through the tour you will follow the actual ancient path taken by the Royal Maps Mania… more → Posted in: Interactive Maps Tagged with: Hiking, Inca, Machu, Picchu, trail
Building a Web-Based Badge Scanner / / No Comments I’m at a conference now working a booth (well, at least when I started writing this), and I really didn’t realize how much I enjoyed this part of the job. While I’ve attended a few conferences post COVID (err, well, "post" may be too strong of a word), this is the first booth I’ve worked at in years. One of the first things I did when I arrived was check and see how we were going to get contacts via badge scanning. Not surprisingly, the conference organizers suggested a native app. Me being me – I immediately thought of how the app’s features could be accomplished via the web. There’s nothing wrong with the... more → Posted in: JavaScript Tagged with: Badge, building, scanner, Webbased
How to Migrate from Lunr to Algolia – a Technical Guide / / No Comments Search is an incredibly important aspect of any site hosting even a small amount ofcontent. How quickly your site can provide search results and how well your resultsmatch the user’s intent is critical. There are multiple search options available fordevelopers, and so sometimes in the pursuit of speed and relevance, a site will migratefrom one service to another. In this article, I’m going to present a use case for why a sitemay move from a self-hosted solution like Lunr to a server-based solution like Algolia. I want to stress that this is not meant to be an attack on Lunr, but more where it would beappropriate for a site and what the benefits... more → Posted in: JavaScript Tagged with: Algolia, from, Guide, Lunr, Migrate, Technical
A Summer of Drought / / No Comments One consequence of the extreme temperatures being experienced in Europe this summer is that most of the continent is now under a drought warning and many areas are under a severe drought alert. The European Drought Observatory’s Drought Indicator map shows that nearly all countries in Europe are currently experiencing drought conditions.The extreme heat across Europe has already led to Maps Mania… more → Posted in: Interactive Maps Tagged with: Drought, summer
How Plugins Enhance The WYSIWYG Editing Experience (Sponsored) / / No Comments Image by JK_Studio from Pixabay WYSIWYG editors are one of the core components of any content management system (CMS). A well-coded, feature-filled WYSIWYG HTML editor can distinguish between a CMS users love and one they can’t stand. While all WYSIWYG editors have a set of basic functionality, the power of plugins enhances the editing experience. Plugins allow WYSIWYG editors to do more and provide advanced features to users. Therefore it is important to look at some of the plugins that make some WYSIWYG editors rise above others. It’s also essential to check how easily you can add these plugins. In this article, we’ll be taking you through the world of WYSIWYG editors... more → Posted in: JavaScript Tagged with: editing, Enhance, Experience, Plugins, Sponsored, WYSIWYG
Real Time World Temperature Records / / No Comments The pace of global heating in 2022 means that it is now possible to create a real-time map showing locations around the world where all-time temperature records are being broken. In just the last 24 hours two locations in the U.S. have experienced their highest ever recorded temperatures (Cotulla, TX & Escanaba, MI). It isn’t only in America where heat records are now being broken on a daily Maps Mania… more → Posted in: Interactive Maps Tagged with: Real, records, Temperature, time, World
JavaScript Event.defaultPrevented / / No Comments Whether you started with the old on_____ property or addEventListener, you know that events drive user experiences in modern JavaScript. If you’ve worked with events, you know that preventDefault() and stopPropagation() are frequently used to handle events. One thing you probably didn’t know: there’s a defaultPrevented proptery on events! Consider the following block of code: // Specific to a link const link = document.querySelector('#my-link'); link.addEventListener('click', e =e.preventDefault()); // A larger document scope document.addEventListener('click', documentClickHandler); function documentClickHandler(event) { if (event.defaultPrevented) {// Using the property... more → Posted in: JavaScript Tagged with: Event.defaultPrevented, JavaScript
How Far Can You Travel in 5 Hours? / / No Comments How Far Can You Go By Train in 5h? is an interactive map which shows you how far you can travel from any European rail station in less than five hours.Hover over any location on this map (within the highlighted area in Europe) and you can view an isochrome layer which shows you how far you can travel by train in hourly increments. The nearest train station (from which travel times are Maps Mania… more → Posted in: Interactive Maps Tagged with: hours, travel