About this plugin
Embedding Google Maps usually means an iframe you cannot style, no places of your own, an API key with a credit card – and a cookie banner. Map Studio is different: modern vector maps based on OpenStreetMap that you design in a full-screen editor made for maps – no forms, just designing.
Highlights
- 3D buildings that rise when you tilt the map – all the way to the horizon.
- Light and sky: day, morning, evening, night, or live – the sun as it stands right now at your place.
- Routes along real roads and paths – by car, bike or on foot, with stops you drag. Ready without a key (OpenStreetMap routing of FOSSGIS); openrouteservice, GraphHopper or your own OSRM or Valhalla server if you prefer.
- Your brand colour for the whole map, pins, areas and buttons.
- A store finder in minutes: a list of places with search, category filter, “Near me” and “open now” – import your locations from Excel.
- A full-screen studio: click a place on the map and change it right there, with 66 icons, photos, popups that open on click, on hover or always.
- No API key, no account – and optionally no cookie banner: the map loads only after a click.
No API key, no account
Install, open Map Studio, start designing. No sign-up, no key, no billing account. The maps are sharp on every screen and zoom smoothly.
Even routes along real roads work without a key; only if you prefer openrouteservice or GraphHopper for them, you enter their key.
Designing, not filling in forms
- The map fills the screen; your places on the left, the look on the right, the tools at the bottom.
- Menus that are a pleasure instead of long settings pages: every choice shown as it will look – real pins, real map styles, little scenes of your map – in clear sections you can put in your own order.
- Search an address, street, town or business with suggestions while you type – or click a station, shop or café of the map itself and add it as a place, with a fitting icon and its kind as category.
- Every panel is one page you scroll through; put its topics in your own order and drag the panels to the size you like.
- Undo and redo, keyboard shortcuts, and a preview as visitors see it – on computer, tablet and phone.
- Start empty or with a template: store finder, delivery area, hiking route, event site plan.
- Import places and shapes from a table (CSV/Excel – addresses are found automatically), Google My Maps (KML) or GeoJSON.
Your brand colour
Six map styles as preview tiles: light, night, colourful, clear, fjord and “Brand colour”, which recolours the whole map from one colour. Pins, areas and buttons follow along. Colours you pick yourself are kept for your next maps.
Light and sky: day, morning, evening, night – or “Live”, with the sun as it stands right now at this place.
Your own places
- 66 icons in groups with a search, or a photo; as drop, circle, square or just the icon, in three sizes or any size – for the whole map or per place; any colour per place.
- Popups with the place’s icon, formatted text, several photos to swipe through, a button to your page and “Get directions” – opening on click, on hover or always open, in the width you drag them to.
- The map’s own stations, shops and cafés show what they are when clicked.
- Opening hours with “Open · until 18:00” right in the popup and the list.
- Categories as tags; highlight important places with a bigger pin, and keep them out of group bubbles.
- List of places next to or below the map, with category filter, search and a “Near me” button that sorts by distance.
- Many places? Nearby pins group into a bubble with their number.
Areas and routes
- Draw a delivery zone, a district or a walking route right on the map, and edit its points later.
- Or plan a route along real roads and paths – by car, bike or on foot – with stops you can drag. No key needed (OpenStreetMap routing of FOSSGIS); openrouteservice, GraphHopper or your own server if you prefer.
- Areas show their size and can have their name in the middle; routes their length, start and finish.
- Fill and outline colour, opacity, line width, solid, dashed or dotted lines.
3D and more
3D buildings far into the distance, a compass to turn the map, fullscreen and “my location” buttons, a night style for visitors in dark mode, and the map can be kept to one area.
Privacy-friendly
- Optionally the map loads only after a click (“load after click”), with your own notice text.
- Nothing is loaded before the map scrolls into view.
- A privacy page in the admin shows what is loaded when, plus a ready-made text for your privacy policy.
Saved maps and shortcode
Make a map once and use it anywhere: with the “Map Studio” block, the “Map Studio” widget in Elementor, or with [devenzi_map id="…"] in Divi, widgets and classic themes. Change it once, and it changes everywhere. All maps at a glance as live maps, and defaults for new maps with a live preview.
Fast
The map library is only loaded on pages with a map, and only when the map comes into view.
Map Studio Pro
For maps that tell a story. Pro adds:
- Story maps: while visitors scroll, the map flies from place to place and routes draw themselves.
- Ride along and presentations: the camera flies along a route, with stops that show text, a photo and a view of their own.
- GPX with elevation profile for hikes, bike rides and runs.
- “How do I get there?”: visitors plan their way to a place right on your map.
- Relief with shaded hills and real 3D mountains when you tilt the map.
- Satellite and hybrid styles, Street View in the popup, and opening hours, phone and website of the map’s own places.
- Your own map data: the map of your region on your own server – nothing is loaded from other servers.
Everything in the free version stays free and complete.
Languages
English. org.
External services
Map Studio relies on the third-party services below. Each one is listed with what it is used for, what is sent and when, and its terms and privacy policy. None of them needs an account unless noted.
Nothing else is sent anywhere, and the plugin has no tracking. The plugin’s own scripts and styles and the map library (MapLibre) are included in the plugin.
OpenFreeMap – the map
- What it is for: the map itself – map tiles, fonts and icons. Needed on every page with a map and in the editor.
- What is sent and when: the visitor’s IP address and which part of the map is shown, by the visitor’s browser, when a map comes into view. With “Load maps only after a click” (Map Studio → Privacy), only after the visitor clicked “Load map”.
- Server: tiles.openfreemap.org
- Provider: OpenFreeMap (Hyperknot Software Kft., Hungary), delivered through Cloudflare – https://openfreemap.org/
- Terms of service: https://openfreemap.org/tos/ · Privacy policy: https://openfreemap.org/privacy/
Photon by komoot – address search in the editor
- What it is for: the search for addresses and places in the editor (Map Studio), and name ideas (the address) for a new place.
- What is sent and when: the words typed into the search, or the coordinates of a new place, by the browser of the person editing the map – only while they search or set a place. Visitors of the site never connect to it.
- Server: photon.komoot.io (paths /api and /reverse). With Pro and your own route server, “How do I get there?” also searches the start address here – asked by your website, not by the visitor’s browser.
- Provider: komoot GmbH, Germany – https://photon.komoot.io/
- Terms of service: https://www.komoot.com/terms-of-service · Privacy policy: https://www.komoot.com/privacy
Route planning – one service, the one you choose
A route along real roads and paths in the editor (“Connect”, “Plan a route”, drawing along the ways). Your website’s server asks the service chosen under Map Studio → Settings → Route planning, only while you plan a route; the route is then saved with the map, and visitors never connect to the service. Sent: the coordinates of the route’s stops and the way of travelling (on foot, by bike, by car), with your key if the service needs one, and your website’s address as user agent – never anything about visitors.
Maps name the route service next to their routes only if you switch on “Name the route service on the map” there.
OpenStreetMap routing of FOSSGIS (the default, no key)
* What it is for: routes in the editor, at most one request a second; never for visitors.
de (path /routed-foot, /routed-bike or /routed-car)
de/
html (section “Privacy”)
openrouteservice (needs your own free key)
* What it is for: routes in the editor.
”)
org/
org/privacy-policy
GraphHopper (needs your own key)
* What it is for: routes in the editor.
”)
com/
com/privacy/
Your own OSRM or Valhalla server – only the address you enter; nothing goes to a third party.
“Get directions” – a link, if you switch it on
- What it is for: a button in a place’s popup that opens the way there in Google Maps, Apple Maps or OpenStreetMap (as you choose).
- What is sent and when: nothing until a visitor clicks it; then the visitor’s browser opens that site with the coordinates of the place.
- Google: terms https://policies.google.com/terms · privacy https://policies.google.com/privacy – Apple: terms https://www.apple.com/legal/internet-services/maps/terms-en.html · privacy https://www.apple.com/legal/privacy/ – OpenStreetMap: terms https://osmfoundation.org/wiki/Terms_of_Use · privacy https://osmfoundation.org/wiki/Privacy_Policy
Only in Map Studio Pro
html, sold and delivered there by our reseller Freemius. This plugin does not connect to Freemius; its “Get Pro” and “Try Pro for free” buttons are plain links. Pro’s services, for completeness:
- Terrain Tiles on Amazon Web Services (AWS Open Data, data by Mapzen/Tilezen, https://registry.opendata.aws/terrain-tiles/) – elevation for the Relief style, loaded by the visitor’s browser only on maps in that style. AWS terms: https://aws.amazon.com/service-terms/ · Privacy: https://aws.amazon.com/privacy/
- Google Street View (Maps Embed API, with your own Google key) and Mapillary (https://www.mapillary.com/) for Street View in popups and the Street View figure – loaded by the visitor’s browser only when a visitor opens Street View. Google terms: https://cloud.google.com/maps-platform/terms · Privacy: https://policies.google.com/privacy · Mapillary terms: https://www.mapillary.com/terms · Privacy: https://www.mapillary.com/privacy
- Details of the base map’s places from Nominatim (https://nominatim.openstreetmap.org/) and the lines at a stop from Overpass (servers: overpass-api.de or overpass.private.coffee; or your own server), asked by your website and kept for a week. Nominatim usage policy: https://operations.osmfoundation.org/policies/nominatim/ · Privacy: https://osmfoundation.org/wiki/Privacy_Policy · Overpass: https://wiki.openstreetmap.org/wiki/Overpass_API
- “How do I get there?”: visitors plan their way to a place. Their browser asks only your website; your website asks the route service you chose (openrouteservice, GraphHopper or your own server – not the routers of FOSSGIS) with the visitor’s start, and for the address search openrouteservice, GraphHopper or – with your own server – Photon (komoot GmbH, https://photon.komoot.io/). The services never see the visitor’s IP address.
- Photos for a place from Wikimedia Commons (https://commons.wikimedia.org/, only freely licensed photos, with credit) and Mapillary; a photo you take is copied into your media library. Wikimedia terms: https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use · Privacy: https://foundation.wikimedia.org/wiki/Policy:Privacy_policy
org/copyright).
de/dl-de/zero-2-0).
Source code
0 (BSD-3-Clause) in assets/vendor/maplibre, with its license file. com/maplibre/maplibre-gl-js. The plugin’s own JavaScript and CSS are not minified and need no build step.