Hey there, client wants to build a website with real estate properties. Every property needs to have a map of where the property is located. Is there a possibility to do that with Webflow CMS? It has to be user-friendly to some point since client is not really tech-savy.
If yes, is Google embed API paid? Some people say yes but when exceeds a certain number of API uses, but Google says they are not charging at the moment.
Check Made in Webflow for CMS-driven maps ideas and demos across a range of maps platforms.
Most maps APIs charge once you exceed a certain traffic threshold. You probably want to think about your traffic and budget and do some estimates before you choose a direction.
Google Maps has a lot of capability, and a good threshold before you begin paying, but requires a lot of JS work.
MapBox is similar, and you won’t begin paying until 50k requests per month. After that, the costs can escalate quickly but it’s worth it if you’re drawing the right customer traffic. MapBox is known for its layer and styling options, and is a favorite for a lot of designers.
JetBoost provides a service framework based on MapBox, which allows a nocode integration with Webflow and the CMS. However you’ll have a monthly flat fee and I’d expect a Mapbox usage fee as well if you exceed the free monthly requests level.
If you really need 100% free, are fine with the JS work and don’t need much styling capability, I believe leaflet.js and openstreetmaps combined is still free. I’ve not researched limits.
None of these are “drop in” solutions, but JetBoost’s will give you the closest to that.
From your client’s admin perspective it wouldn’t make a difference- in any scenario, they’d be storing the relevant data in the CMS, such as latitude, longitude, and styling control data such as pin icon, color, label, popup info…
All of the map setup work and programming would be done by you, and then driven by that CMS data.