Articles
Tutorials, Guides and thoughts
How to create web maps with Leaflet, React and functional components
Max Dietrich
Max DietrichIn this article I will explain how you can create a basic web map with Leaflet and React by using functional components without any third party packages. So i will strongly recommend to have a look at the Leaflet API reference. Continue reading...How to create a custom cookie banner for your React application
Max DietrichMax DietrichRecently I implemented a custom cookie banner solution on my Next.js site which you probably have seen a few seconds before. There are a lot of prebuilt cookie banners you can use for React or Next js sites but i wanted to create a custom cookie banner which also has some personal touch and keeps the design with the website in line. Continue reading...How to build a related posts component for your React blog
Max DietrichMax DietrichSome blogs have these related articles or posts sections where visitors can have a preview at more content after they just read a post. That's what I wanted to create for my personal website which is built with React (Nextjs) and in this article I want to show you how you also can do it for any other react application. Continue reading...How to add Google Adsense to Next.js applications
Max DietrichMax DietrichIn this article I am going to explain, how you can implement Google Adsense in Next.js applications (or any other react applications). There are several approaches for implementing Adsense on a react site and I want to show you how you can add Adsense with privacy in mind. Continue reading...How to deploy your Gatsby site on your own server
Max DietrichMax DietrichWith Gatsby 4 bringing in Server-Side Rendering (SSR) and Deferred Static Generation (DSG) you need an alternative methode to just hosting static files. Each page using SSR or DSG will be rendererd after a user requests it so there has be a server in the background which will handle these requests and build the pages if needed. Continue reading...How to create a Mapnik stylesheet for displaying any data from PostgreSQL/PostGIS
Max DietrichMax DietrichIn this article i want to show you how you can build your own Mapnik stylesheet for displaying any data from PostgreSQL/PostGIS. The Mapnik Stylesheet XML can be used for a tile-server with your custom style. Continue reading...How i constantly track my location and display a web-map with all the locations
Max DietrichMax DietrichInspired by Aaron Parecki and who he has been tracking his location since 2008 with an iPhone app and a server side tracking API i decided to go for a similar approach. I wanted to track my position constantly with my Android smartphone and use the data to display a map with all locations i have ever been to. Continue reading...Fetching and storing activities from Garmin Connect with Strapi and visualizing them with NextJS
Max DietrichMax DietrichStep-by-step guide explaining how to fetch data from Garmin Connect, store it in Strapi and visualize it with NextJS and React-Leaflet. Continue reading...Syntax Highlighting with Prism.js and Next.js
Max DietrichMax DietrichPrism.js is a compact, expandable syntax highlighter that was developed with modern web standards in mind. Continue reading...Hosting NextJS on a private server using PM2 and Github webhooks as CI/CD
Max DietrichMax DietrichThis article shows you how can host your Next.js site on a (virtual private) server with Nginx, a CI/CD pipeline via PM2 and Github Webhooks. Continue reading...Build and deploy your Gatsby site with Google Cloud Build to Firebase
Max DietrichMax DietrichUltimate guide to automate your Gatsby builds with Google Cloud Build, deploying to Firebase and optional Cloud Scheduler. Continue reading...Scaling and Cropping images using Python
Max DietrichMax DietrichThis articles shows you how to edit, crop and resize your pictures with a little Python script. Continue reading...Remote Sensing and Image Classification
Max DietrichMax DietrichNavigation devices, smartphones and weather forecasts are dependent on satellites and without these we have to rely on some services that make our everyday life easier. Continue reading...Free FME-licence for private use
Max DietrichMax DietrichFME (Feature Manipulation Engine) is a powerful and the most used spatial ETL tool for the migration and processing of spatial data and non-spatial data. Continue reading...GatsbyJS with CI/CD Pipeline via Codebuild
Max DietrichMax DietrichWith the free tier for AWS you always get one active AWS code pipeline per month and 100 minutes of AWS code build per month with which you can create a CI / CD pipeline for a GatsbyJS site. Continue reading...Using Google Adsense with GatsbyJS
Max DietrichMax DietrichIn general there are two possibilies to use Google Adsense on your GatsbyJS website Auto Ads and custom display blocks.Depending on whether you choose to include Adsense ads on certain spots or whether you will leave this job to the Google AI, you can choose one/and or the other. Continue reading...GIS- and Geo-Database Management System options
Max DietrichMax DietrichWith the ever increasing amount of data, the question arises at some point how it can be managed effectively. GIS databases are used here. Continue reading...GIS Applications - Which GIS Applications are there?
Max DietrichMax DietrichIn order to be able to work with digital maps or information geodata, a geographic information system is used. With GIS, geodata can be recorded, edited, analyzed and displayed appropriately. Continue reading...Geography and GIS Blogs
Max DietrichMax DietrichHere you will find a list of interesting and informative geographic and gis blogs. Continue reading...GIS volunteering - Make the world a better place with GIS
Max DietrichMax DietrichVolunteering offers a good opportunity to develop personally and professionally. You can also get involved in a good cause. You can later pack the projects into a pretty portfolio and thus stand out from the competition with extra points when applying. Continue reading...Geo and GIS Podcasts to stay up to date
Max DietrichMax DietrichPodcasts are a great way to keep up to date with current developments. Best of all, you can listen to podcasts practically anywhere. Continue reading...Free, Open-Source and proprietary GIS software options
Max DietrichMax DietrichIn this post you will find a list of free and/or open-source and proprietary GIS-software options which are commonly used Continue reading...How to create a Mailchimp newsletter sign-up-form for your Gatsby Site
Max DietrichMax DietrichManaging your own newsletter is crucial for creating a sustainable online-business. With E-Mails you can build a relationsship with your audience and engage with them so they will drive some nice traffic to your new post or whatever you just have published and want to promote. Continue reading...How to create a web-map with OpenLayers
Max DietrichMax DietrichOpenLayers is a JavaScript library which allows you to visualize easily geodata in web applications (Web GIS). Continue reading...Open-Source Web-GIS Applications
Max DietrichMax DietrichWould you like to know which open source web GIS applications are used to share geodata over the Internet? Then you can find out more here. Continue reading...Download OpenStreetMap data as Shapefiles
Max DietrichMax DietrichOpenStreetMap is the largest international project that aims to create a free world map. Continue reading...Export QGIS layers as images with PyQGIS
Max DietrichMax DietrichWith the help of PyQGIS processes such as the export of images for all layers from a map can be automated. Continue reading...First steps with Leaflet and React
Max DietrichMax DietrichLeaflet is a free JavaScript library that can be used to create web GIS applications. Leaflet uses HTML5, CSS3 and is compatible with all common browsers. Continue reading...Satellite Imagery Download - High-Resolution
Max DietrichMax DietrichFor all those who do not yet know the relevant contact points for current satellite images, there are a few links here where you can download satellite images from around the world, mostly free of charge. Continue reading...Host a static website with your own domain, AWS S3 and CloudFront
Max DietrichMax DietrichWith AWS (and in particular the free AWS contingent) you have the option of a static website with a custom domain for a few Hosting cents a month including CDN via CloudFront and CI/CD integration. Continue reading...GIS vs CAD - The difference between GIS and CAD
Max DietrichMax DietrichDifference between CAD and GIS data. Continue reading...What is a shapefile? .shp, .dbf and .shx
Max DietrichMax DietrichThe shapefile format is a general format for storing vector data. Continue reading...Geodata - What are Geodata?
Max DietrichMax DietrichGeodata is information with a spatial reference that can be used in a GIS, among other things. Continue reading...What is GIS? - Geographic Information System
Max DietrichMax DietrichGIS refers to a system for displaying and processing spatial data, i.e. data to which a spatial location has been assigned. Continue reading...