{"id":28977,"date":"2022-06-09T12:38:13","date_gmt":"2022-06-09T12:38:13","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=28977"},"modified":"2025-11-28T08:00:25","modified_gmt":"2025-11-28T08:00:25","slug":"jetengine-choosing-different-map-providers-for-map-listings","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/","title":{"rendered":"How to Choose Different Front-end and Geocoding Map Providers for Map Listings"},"content":{"rendered":"\n<p>You can find all the needed settings in the <strong><em>WordPress Dashboard &gt; JetEngine &gt; Maps Settings<\/em><\/strong> directory.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"google-maps\"><strong>Google Maps<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Initially, let\u2019s check the settings available once you select <a href=\"https:\/\/developers.google.com\/maps\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Google Maps<\/strong><\/a> as a <strong>Map Provider<\/strong>. It is the primary map provider located in the mentioned drop-down list.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings-1024x640.webp\" alt=\"maps settings\" class=\"wp-image-43563\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>API Key <\/strong>\u2014 paste the <strong>Google Maps<\/strong> API key. Make sure that Geocoding API is activated for the pasted API key or provide it separately in the <strong>Geocoding API Key <\/strong>field;<\/li>\n\n\n\n<li><strong>Disable Google Maps API JS file <\/strong>\u2014 activate this toggle if you are using a plugin or theme that already includes <strong>Google Maps<\/strong> <strong>JS file<\/strong>. Otherwise, if you have two Google Maps Libraries on the page, it will cause an error;&nbsp;<\/li>\n\n\n\n<li><strong>Geocoding Provider <\/strong>\u2014 choose one of the suggested geocoding source code providers to get the coordinates by address string for all map listings.<\/li>\n<\/ul>\n\n\n\n<p>Let\u2019s check the settings available for each option in the <strong>Geocoding Provider <\/strong>fields.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"google\"><strong>Google<\/strong><\/h3>\n\n\n\n<p>The primary option for selection is \u201cGoogle.\u201d Check the settings available for customization.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-maps-geocoding-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-maps-geocoding-provider-1024x640.webp\" alt=\"google maps geocoding provider\" class=\"wp-image-43564\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-maps-geocoding-provider-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-maps-geocoding-provider-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-maps-geocoding-provider-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-maps-geocoding-provider-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-maps-geocoding-provider-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-maps-geocoding-provider.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Separate Geocoding API key <\/strong>\u2014 activate this toggle if you have a different Google Maps API key with the <a href=\"https:\/\/developers.google.com\/maps\/premium\/apikey\/geocoding-apikey\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Geocoding API<\/strong><\/a><strong> <\/strong>enabled. Insert it into the special field. Ensure that you have set API restrictions settings to \u201cNone\u201d or \u201cIP addresses\u201d in the <a href=\"https:\/\/console.cloud.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Google Cloud Platform<\/strong><\/a> settings, <strong><em>APIs &amp; Services &gt; Credentials<\/em><\/strong> tab. To change the statuses, open the needed API key settings and select the \u201cDon\u2019t restrict key\u201d option in the <strong>API restrictions <\/strong>section, or uncheck the \u201cGeocoding API\u201d option if the \u201cRestrict key\u201d is selected;<\/li>\n\n\n\n<li><strong>Validate API key <\/strong>\u2014 test if the Geocoding API is appropriately configured by pressing the \u201c<strong>Validate Google maps API Key<\/strong>\u201d button. If everything is OK, you will receive a confirmation message;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/preload-coordinates-by-address-toggle-activated.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/preload-coordinates-by-address-toggle-activated-1024x640.webp\" alt=\"preload coordinates by address toggle activated\" class=\"wp-image-43565\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/preload-coordinates-by-address-toggle-activated-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/preload-coordinates-by-address-toggle-activated-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/preload-coordinates-by-address-toggle-activated-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/preload-coordinates-by-address-toggle-activated-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/preload-coordinates-by-address-toggle-activated-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/preload-coordinates-by-address-toggle-activated.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Preload coordinates by address <\/strong>\u2014 preload some coordinates for the specified meta fields to optimize the website work. All the coordinates will be identified when the post is saved. Paste their meta field keys in the <strong>Meta fields to preload <\/strong>field.<\/li>\n<\/ul>\n\n\n\n<p>Under the <strong>Meta fields to preload <\/strong>textarea, you can add the existing meta field by pressing the same named button.<\/p>\n\n\n\n<p>This button will open the pop-up with additional settings:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/select-meta-fields-to-preaload-window.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/select-meta-fields-to-preaload-window-1024x640.webp\" alt=\"select meta fields to preload window\" class=\"wp-image-43567\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/select-meta-fields-to-preaload-window-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/select-meta-fields-to-preaload-window-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/select-meta-fields-to-preaload-window-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/select-meta-fields-to-preaload-window-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/select-meta-fields-to-preaload-window-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/select-meta-fields-to-preaload-window.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Fields Provider <\/strong>\u2014 select either \u201cJetEngine\u201d or \u201cAny other custom fields providers\u201d to define the provider of the meta field;<\/li>\n\n\n\n<li><strong>Source <\/strong>\u2014 if \u201cJetEngine\u201d is picked, define the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-boxes-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>meta box<\/strong><\/a><strong> <\/strong>where you want to take the meta fields from, and for other providers, pick either \u201cPosts,\u201d \u201cTerms,\u201d or \u201cUsers\u201d to make it a source for the meta fields;<\/li>\n\n\n\n<li><strong>Fields <\/strong>\u2014 the field for the meta field value to get the address from. If several meta fields should be used (for instance, if parts of the address are stored in different meta fields), separate them with the \u201c+\u201d sign.<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Meta fields to preload<\/strong> settings are also described in the <strong><a href=\"https:\/\/www.youtube.com\/watch?v=_ahHT--rafE&amp;t=363s\" target=\"_blank\" rel=\"noreferrer noopener\">Map Listing Improvements<\/a><\/strong> chapter of the video tutorial.<\/p>\n\n\n\n<p>Once you have adjusted the fields, press the \u201c<strong>Apply<\/strong>\u201d button to return to the last field left on the <strong>Maps Settings <\/strong>page:<\/p>\n\n\n\n<ul>\n<li><strong>Avoid markers overlapping <\/strong>\u2014 toggle to add a minor offset between overlapping markers with the repeatable address.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"openstreetmapphoton\"><strong>OpenStreetMap\/Photon<\/strong><\/h3>\n\n\n\n<p>Please note that the <a href=\"https:\/\/www.openstreetmap.org\/#map=6\/48.537\/31.168\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>OpenStreetMap<\/strong><\/a><strong> <\/strong>provider can process only one request per second due to the low capacity. So, if you are not satisfied with these conditions, select another provider.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">Autocomplete requests are forbidden, so <strong>Map Field<\/strong> supports only coordinates mode or address picking on the map, and the \u201cLocation & Distance\u201d filter will not work.<\/p><\/div><\/div>\n\n\n\n<p>As you can observe, the following settings are the same as mentioned before. Activate the suggested toggles if required.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/openstreetmap-geocoding-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/openstreetmap-geocoding-provider-1024x640.webp\" alt=\"openstreetmap geocoding provider\" class=\"wp-image-50257\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/openstreetmap-geocoding-provider-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/openstreetmap-geocoding-provider-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/openstreetmap-geocoding-provider-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/openstreetmap-geocoding-provider-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/openstreetmap-geocoding-provider-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/openstreetmap-geocoding-provider.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The settings shown in case the <a href=\"https:\/\/photon.komoot.io\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Photon<\/strong><\/a><strong> <\/strong>is selected as a <strong>Geocoding Provider <\/strong>are pretty much the same as for the <strong>OpenStreetMap <\/strong>provider.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/photon-geocoding-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/photon-geocoding-provider-1024x640.webp\" alt=\"photon geocoding provider\" class=\"wp-image-43569\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/photon-geocoding-provider-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/photon-geocoding-provider-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/photon-geocoding-provider-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/photon-geocoding-provider-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/photon-geocoding-provider-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/photon-geocoding-provider.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"bing\"><strong>Bing<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/www.microsoft.com\/en-us\/maps\/create-a-bing-maps-key\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Bing<\/strong><\/a><strong> <\/strong>provider settings slightly differ from the <strong>OpenStreetMap <\/strong>and <strong>Photon <\/strong>ones presented above.<\/p>\n\n\n\n<p>Except for the mentioned <strong>Preload coordinates by address <\/strong>and <strong>Avoid markers overlapping <\/strong>toggles, there is a <strong>Bing API Key <\/strong>field. Complete it with the API key received on the Microsoft website.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The <strong>Bing<\/strong> provider supports only the English version of maps. In case you want maps supporting any languages, select another provider. Those will display content depending on the language the user has set as the site language in the WordPress settings.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/bing-geocoding-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/bing-geocoding-provider-1024x640.webp\" alt=\"bing geocoding provider\" class=\"wp-image-43570\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/bing-geocoding-provider-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/bing-geocoding-provider-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/bing-geocoding-provider-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/bing-geocoding-provider-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/bing-geocoding-provider-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/bing-geocoding-provider.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"leaflet-maps\"><strong>Leaflet Maps<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <a href=\"https:\/\/leafletjs.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Leaflet Maps<\/strong><\/a> <strong>Map Provider <\/strong>adjustments are similar to those shown for <strong>Google Maps<\/strong>.<\/p>\n\n\n\n<p>Select the desired <strong>Geocoding Provider <\/strong>and adjust the other fields. If any hesitations appear, check the previous section of the article, where all the providers are described.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-maps-map-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-maps-map-provider-1024x640.webp\" alt=\"leaflet maps map provider\" class=\"wp-image-43571\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-maps-map-provider-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-maps-map-provider-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-maps-map-provider-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-maps-map-provider-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-maps-map-provider-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-maps-map-provider.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mapbox\"><strong>Mapbox<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>If you prefer using the <strong>Mapbox <\/strong>provider, you can see the <strong>Access token <\/strong>field except for the already discovered settings. It should be created on the <a href=\"https:\/\/www.mapbox.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Mapbox <\/strong>website<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-map-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-map-provider-1024x640.webp\" alt=\"mapbox map provider\" class=\"wp-image-43572\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-map-provider-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-map-provider-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-map-provider-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-map-provider-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-map-provider-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-map-provider.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>All the settings are saved automatically. So, once you have finished and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-maps-listing-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">built a map listing<\/a>, you can head to the page built with Gutenberg or Elementor.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"placing-map-listing-onto-a-gutenbergbuilt-page\"><strong>Placing Map Listing onto a Gutenberg-Built Page<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Head to <strong><em>WordPress Dashboard &gt; Pages <\/em><\/strong>and open the needed page. Place the <strong>Map Listing <\/strong>block on the page.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The map will display the needed information on the front end. The preview is unavailable in the Block Editor.<\/p><\/div><\/div>\n\n\n\n<p>You can read more about the block settings in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/map-listing-overview\/#map-listing-widgetblock-overview\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Map Listing Overview<\/strong><\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-block-in-gutenberg.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-block-in-gutenberg-1024x640.webp\" alt=\"map listing block in gutenberg\" class=\"wp-image-43573\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-block-in-gutenberg-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-block-in-gutenberg-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-block-in-gutenberg-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-block-in-gutenberg-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-block-in-gutenberg-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-block-in-gutenberg.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Style settings for the <strong>Map Listing <\/strong>block in Gutenberg are available if you have the <a href=\"https:\/\/crocoblock.com\/plugins\/jetstylemanager\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetStyleManager<\/em><\/a><em> <\/em>plugin<em> <\/em>installed and activated.<\/p>\n\n\n\n<p>Don\u2019t forget to press the \u201c<strong>Publish\/Update<\/strong>\u201d button to post the page.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adjusting-map-listing-on-an-elementorbuilt-page\"><strong>Adjusting Map Listing on an Elementor-Built Page<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Open the needed page by heading to <strong><em>WordPress Dashboard &gt; Pages<\/em><\/strong> and find the <strong>Map Listing <\/strong>widget.<\/p>\n\n\n\n<p>All the settings here repeat those presented in Gutenberg, so work on the other adjustments and press the \u201c<strong>Publish\/Update<\/strong>\u201d button to save the result.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-widget-in-elementor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-widget-in-elementor-1024x640.webp\" alt=\"map listing widget in elementor\" class=\"wp-image-43574\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-widget-in-elementor-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-widget-in-elementor-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-widget-in-elementor-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-widget-in-elementor-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-widget-in-elementor-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/map-listing-widget-in-elementor.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-the-result\"><strong>Check the Result<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Inspect the result once the <strong>Google Maps <\/strong>provider is set.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-provider-result.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-provider-result-1024x640.webp\" alt=\"google provider result\" class=\"wp-image-43575\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-provider-result-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-provider-result-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-provider-result-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-provider-result-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-provider-result-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/google-provider-result.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Another option to look at is a map made with <strong>Leaflet Maps<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-provider-result.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-provider-result-1024x640.webp\" alt=\"leaflet provider result\" class=\"wp-image-43576\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-provider-result-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-provider-result-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-provider-result-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-provider-result-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-provider-result-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/leaflet-provider-result.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Or, if the <strong>Mapbox <\/strong>provider is your case, the map will look similar to the following picture.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-provider-result.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-provider-result-1024x640.webp\" alt=\"mapbox provider result\" class=\"wp-image-43578\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-provider-result-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-provider-result-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-provider-result-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-provider-result-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-provider-result-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/mapbox-provider-result.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>Don\u2019t hesitate to adjust any provider for the maps you are using on the WordPress website with the help of the <em>JetEngine <\/em>plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find out how to select different map providers like Google, Leafet, or Mapbox in the JetEngine settings to display any map you would like.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[396],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using Different Map and Geocoding Providers for Map Listings \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find out about all the available front-end providers for map listings and their settings. Coordinate JetEngine map listings with Google, Leaflet, and Mapbox map services.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Different Map and Geocoding Providers for Map Listings \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find out about all the available front-end providers for map listings and their settings. Coordinate JetEngine map listings with Google, Leaflet, and Mapbox map services.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-28T08:00:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/\",\"name\":\"Using Different Map and Geocoding Providers for Map Listings \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-06-09T12:38:13+00:00\",\"dateModified\":\"2025-11-28T08:00:25+00:00\",\"description\":\"Find out about all the available front-end providers for map listings and their settings. Coordinate JetEngine map listings with Google, Leaflet, and Mapbox map services.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Choose Different Front-end and Geocoding Map Providers for Map Listings\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using Different Map and Geocoding Providers for Map Listings \u2014 JetEngine | Crocoblock","description":"Find out about all the available front-end providers for map listings and their settings. Coordinate JetEngine map listings with Google, Leaflet, and Mapbox map services.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/","og_locale":"en_US","og_type":"article","og_title":"Using Different Map and Geocoding Providers for Map Listings \u2014 JetEngine | Crocoblock","og_description":"Find out about all the available front-end providers for map listings and their settings. Coordinate JetEngine map listings with Google, Leaflet, and Mapbox map services.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/","og_site_name":"Help Center","article_modified_time":"2025-11-28T08:00:25+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/maps-settings-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/","name":"Using Different Map and Geocoding Providers for Map Listings \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-06-09T12:38:13+00:00","dateModified":"2025-11-28T08:00:25+00:00","description":"Find out about all the available front-end providers for map listings and their settings. Coordinate JetEngine map listings with Google, Leaflet, and Mapbox map services.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-choosing-different-map-providers-for-map-listings\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Choose Different Front-end and Geocoding Map Providers for Map Listings"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/28977"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=28977"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=28977"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=28977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}