How to Create a Travel Map using Geosearch | JetEngine & JetSmartFilters

Find out how to set location search on the WordPress website based on User geolocation via the #JetEngine Query Builder tool and the User #Geolocation widget/block from the JetSmartFilters plugin by Naomi Suzuki (‪@wptofu9523‬).
🌟What do you need for the tutorial?
►JetEngine plugin:
bit.ly/3Qpnxbg
►JetSmartFilters:
bit.ly/3BPk4im
►Gutenberg or Elementor editor
-------------
📄Written instructions:
bit.ly/3QoplkM
-------------
🌟Follow Naomi Suzuki to get more helpful content:
► / naomisuzuki
► / @wptofu9523
► / tofutechxyz
------
► TIMESTAMPS
00:00 - Intro
00:31 - Getting started
00:40 - Enabling Maps Listings module
00:56 - Settings up Maps Settings
01:09 - Creating a Post Type
01:47 - Adding posts to CPT
02:50 - Building a listing item
04:00 - Creating a page with the map
06:35 - Adding a custom query
08:00 - Applying custom query to the map
09:27 - Creating Geo filter with the JetSmartFilters
10:05 - Adding User Geolocation widget
10:52 - Checking the result
------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► Pinterest: / crocoblock
► LinkedIn: / crocoblock
#wordpressmap #listinggrid #map #googlemap #mapplugin #embedgooglemap

[@darylmeese9621]

Can you use geolocation first, and allow the user to override it with a different filter? For example, it defaults to where they're at (Budapest), but they can select Poland from a dropdown and see that instead.

[@lethabomashike]

This video really helped, especially the smart filter part. Thanks bro

[@YaronRosen]

what about radius distance filter (range) that the user can choose to show properties?

[@jaredspooley9273]

Love the video! The only thing it really needs is the ability for the address for the map to be set to a location the user types in. For example, listings for holidays in the UK wouldn't be effective if they were relative to the user's current position, however, they might want to visit a certain county/ country within the UK. In terms of a radius filter, it would be great but can get around for now by having a really big radius and loading everything. Not the most ideal I know but it's a workaround.

[@Crocoblock]

Thank you for your feedback and for your suggestions. We keep working on our product and adding new functionality to our plugins ❤️️

[@shagorahamed8448]

Superb tutorial

[@GaddafiSarker]

This video really helped

[@AbdulRauf-zb9nx]

very helpful

[@cacomartin]

very powerful!

[@cacomartin]

By the way! thanks for making your browser smaller to better see the steps you do in the configuration. 😉

[@mdsejan9620]

Love Croco Block, Form Bangladesh

[@nadmak9093]

Hi thanks for this useful tutorial. Any way to make the distance dynamic so that it can be entered by the user?

[@serdimay7]

Another option would to show the approximate location. Meaning giving you the option hide your full address and show the approximate distance to your location. Like in Airbnb. You see the approximate. Just in case the user doesn't want to display it all based on what service they offer.

[@leorovatti]

hello, I'm using the map listing in a post type, and I would like it to show me the other establishments around it through the radius, I've been trying for a long time and I can't, thank you very much for the help

[@EliasThanos]

Can I have map field at the front useing forms to capture data from the user?

[@angryparrotcreativestudio2854]

Great tut. But, is there an option for the user to choose the distance radius and the desired location? Let's say in a real estate website I need to find properties in the location I want within a radius of 2 km because there is a great school for my kids. That feature would be a game changer on map listings. Or to display the properties where the map is centered as we drag it.

[@Crocoblock]

thank you for the suggestion, but this option is not available at this time. But you are welcome to vote for the feature: github.com/Crocoblock/suggestions/issues/1657

[@angryparrotcreativestudio2854]

@@Crocoblock Thanks, I always have faith in your team. You always deliver the best solutions.

[@aftermagazine]

This is exactly what I'm looking for too

[@RoniStudio]

I want to create an area coverage map based on a certain coordinate point for example 2 miles away from x pos. Is this tool capable of doing that?

[@Crocoblock]

We would like to clarify some details about your task and suggest you a solution. Do you mind to contact us here? crocoblock.com/help-center/

[@bompard07]

Hi. Seems very useful. Is your demo site online ?

[@Crocoblock]

We are afraid, but the demo isn't live.

[@alexistomaselli2166]

Is there any way to show the distance on each Listing Item map?

[@Crocoblock]

Please, contact our support team for clarification of your question- crocoblock.com/help-center/ and give you a solution.

[@AbhineshAV]

Is there a way to list those items in detail below the map?

[@Crocoblock]

You can add a listing grid widget next to the Map listing. Take a look at the listing settings and find these two options: prnt.sc/MBNblKojaxze It means that when you click on the listing item, the map will open the popup with the listing to hightlight the selected post.

[@brunogavazzi9743]

I have 3 PostType as each is a service, 3 ListGrid and the 3 are displayed in Home. When I use SmartFilter Select to choose the City and it shows the services of the 3 Lists compatible with the chosen city.... The following error occurs: ❌ Duplicate and Mirror in the other Listings, the FIRST LISTING ON THE SITE❌ Example: List 1 Luxury Cars List 2 Motorcycles List 3 Boats When I use the "City1" filter, it's to show the registered City1 from vada List (in your own list). But as the First is the "Luxury Car", the 3 show Luxury Cars, and if I reverse the order, the List that stays for First replicates in the others. How do you solve? help me please.

[@Crocoblock]

Hey Bruno, the best way to get the help is contact our support team, they can check out and guide you :) support.crocoblock.com/support/home/

[@movingtokansascity]

supposed to be in the 3.3.0 beta update, anyone try that out yet?

[@Crocoblock]

Let us share this video tutorial also: kzbin.info/www/bejne/inXGXpR3jdeXlacsi=Ct5Se0yTJEyzIGU2 This functionality should work perfectly fine 😉

[@rg-web-design]

I'll watch tomorrow, but I believe the maximum map points was around 5,000. Is this still the case?

[@Crocoblock]

Awesome! You can modify the maximum map points by yourself. Here is the solution: gist.github.com/kaskad88/eae2edbe37cb36e151b0d7a5a28c6aa9#file-jet-engine-maps-listing

[@frististreams]

How to get more than 10 markers showing on the map at the same time? I somehow can't figure it out

[@Crocoblock]

Hello! Number of posts is controlled in this field: prnt.sc/97pjzVnXzZDN If you enabled the custom query option for the Map listing prnt.sc/D4nhl4GWGaFv then set the number of posts in Query Builder Pagination tab: prnt.sc/0WJ5LfQiUiKj

[@frististreams]

That did the trick. Thank you so much!!@@Crocoblock

[@serdimay7]

Great. I wish you didn't need to pin the location manually and have it it automatically pin it based on the full address or location.

[@hummerfan100]

you can do that. It can set the pins according to a set Field filled with the human readable adress

[@GrahamBrownVirtualTours]

@@hummerfan100 that's exactly what I need but can't find where the option is to do this? Do you have a link to a page telling how to do this?

[@hummerfan100]

@@GrahamBrownVirtualTours Hi, the video you are looking for is called: "How to set up Maps Listings Module | JetEngine and JetSmartFilters plugins" and it's on the crocoblock channel.

[@GrahamBrownVirtualTours]

@@hummerfan100 I'm 5 mins in and it looks good so far. Thanks!

[@Elsteck]

Great, you have shown some missing links

[@Crocoblock]

😵Could you please let us know which links? We thought we'd added all the needed links to the description.

[@Elsteck]

@@Crocoblock it is a saying ‘the missing link’ to get the whole picture

[@deviantshade]

it's all fancy until you realize that jetengine can't give the website user the approximate distance between the source point and the destination point.

[@ezjacob7229]

You guys need to stop showing tutorials on elementor... go for Bricks or Gutenberg

[@Crocoblock]

Most of our clients are using Elementor ;) So, we'll continue filming both Elementor and Gutenberg. And hope to prepare several tutorials based on Bricks in future too.