webdevstudios

Michael Beckwith

Brad Williams

Scott Basgaard

<p>Display and integrate maps from your <a href="https://www.mapbox.com/" rel="nofollow ugc">Mapbox</a> account.</p>
<p>You can make use of default available Mapbox styles or your custom styles to show off maps.</p>
<p>Styles, latitude/longitude, zoom, pitch, and bearing will all be customizable for the block.</p>


Mapbox For WP

Aisconverse

<p>The <a href="https://treweler.com/" rel="nofollow ugc">Treweler</a>  plugin is a flexible and multifunction WordPress map builder based on the Mapbox web mapping platform. Its purpose is to help you create a custom map for your personal or business project. This combination of plugin functionality and Mapbox map customization provides limitless possibilities when creating a way to describe the world around us.</p>
<h3>⭐ Treweler Free Features</h3>
<p>These features are available in the free version of the plugin, which can be downloaded from this page. Upgrade to <a href="https://treweler.com/" rel="nofollow ugc">Treweler Pro</a> to get access to all plugin features and premium support.</p>
<h4>🌎 Map Features</h4>
<ul>
<li>Fully integrated and compatible with WordPress and Mapbox platforms.</li>
<li>Create and manage any number of maps in a few clicks.</li>
<li>Display full-screen maps using any WordPress page.</li>
<li>Publish your map in any place using shortcode functionality and settings.</li>
<li>Great choice of pre-installed map styles.</li>
<li>Mapbox Standard map style with 3D environment.</li>
<li>Day, Dusk, Dawn and Night light presets for the Mapbox Standard style.</li>
<li>Ability to create your own style using Mapbox Design Studio.</li>
<li>Ability to hide layers for classic and custom map styles.</li>
<li>The initial geographical center and zoom level.</li>
<li>Using the same map with different initial point and zoom settings.</li>
<li>Setting the display of standard map controls such as Distance Scale, Fullscreen, Search, Zoom & Pan, Geocoder and Geolocation.</li>
<li>Imperial, metric and nautical units for the distance scale control.</li>
<li>Manage the display of the required Mapbox logo and text attribution.</li>
<li>Сhanging the language of text labels on maps.</li>
<li>The “Geolocation” control to manually obtain the user’s current location.</li>
<li>Add a custom progress preloader with logo and text information that will appear once the entire map is loaded.</li>
<li>Add title, description and logo to make your maps unique.</li>
<li>Enable 3D terrain and 3D buildings for your Mapbox Studio style.</li>
<li>3D projection of the globe and 7 additional map rpojections.</li>
<li>Custom CSS classes.</li>
<li>Center map on click.</li>
<li>Display marker at the click point on the map.</li>
</ul>
<h4>📍 Markers & Popups</h4>
<ul>
<li>Add any number of markers to your maps.</li>
<li>Ability to add a marker to multiple maps.</li>
<li>Great choice of built-in marker styles with a wide range of settings.</li>
<li>Enable marker popups and customize their styles and behavior.</li>
<li>Customize the opening and visibility of marker popups.</li>
<li>Google Material icons support.</li>
<li>Center marker on a click.</li>
<li>Marker offset on click.</li>
<li>Popup close icon.</li>
<li>Opening custom link when clicking on a marker.</li>
</ul>
<h4>↩️ Routes</h4>
<ul>
<li>The ability to manage any number of routes and their styles.</li>
<li>Draw a route using the draw tools and route match modes (driving, walking, cycling).</li>
<li>Customize the following route line styles: color, width, opacity, dash and gap.</li>
<li>Ability to add a route to multiple maps.</li>
</ul>
<h3>🚀 Treweler PRO</h3>
<p>These features are only available with a <a href="https://treweler.com/" rel="nofollow ugc">Treweler Pro</a> license. Upgrade to Pro version to get access to all plugin features and premium support.</p>
<h4>🌎 Map Features</h4>
<ul>
<li>Restrict the zoom range of the map.</li>
<li>The initial pitch and bearing.</li>
<li>Restrict map panning to coordinates or completely disable it.</li>
<li>Displaying a single world or multiple copies of the world.</li>
<li>Add a custom overlay color on the main map.</li>
<li>The ability automatically display the user’s current location at the initial map loading.</li>
<li>Place additional information or interesting facts on the map, using information widgets.</li>
<li>Determination of the user’s geolocation.</li>
<li>Display user’s geolocation marker.</li>
</ul>
<h4>📍 Markers & Popups</h4>
<ul>
<li>Enable marker clusters to display a large number of markers on your map.</li>
<li>Activate the lightbox photo galleries to describe marked places in more detail.</li>
<li>Upload your own images in any graphic format as custom markers.</li>
<li>Marker templates builder.</li>
<li>Custom fields builder for pupups and marker locators.</li>
<li>Customize marker text labels for clearer navigation.</li>
<li>Group markers together using categories and related functionality.</li>
</ul>
<h4>🚩 Interactive Tours</h4>
<ul>
<li>Ability to switch between markers and areas.</li>
<li>Two animation options: Jump or Fly.</li>
<li>Control the flight speed, flight curve and zoom level.</li>
<li>Enable or disable the display of popups when focusing on a marker during the tour.</li>
<li>Four possible tour controls positions.</li>
<li>Control markers offset by choosing any of the four possible directions.</li>
</ul>
<h4>🧭 Routes</h4>
<ul>
<li>Import a route in GPX file format.</li>
<li>Group routes together using categories and related functionality.</li>
</ul>
<h4>⛳ Countries & Regions Boundaries</h4>
<ul>
<li>Build and customize any combination of countries or regions.</li>
<li>Countries boundaries presets (Entire World, by Continents, by United Nations regions, by World Bank Regions, by Subregions, and any custom combination).</li>
<li>Admin 1 and admin 2 regions boundaries for the following countries: Australia, Canada, France, Germany, Italy, Spain, United Kingdom, USA.</li>
<li>Polygon fill color and opacity settings (initial state, hover state, selected state, custom state).</li>
<li>Polygon stroke color and opacity settings.</li>
<li>Action on click settings (none, open link).</li>
<li>Hover settings (none, popup with region name, popup with region name and custom value).</li>
</ul>
<h4>📡 Marker Locator</h4>
<ul>
<li>Sidebar with a list of markers.</li>
<li>Detailed description of the marker in the sidebar.</li>
<li>Сustom fields for the list of markers and for a detailed description of the marker in the sidebar.</li>
<li>Events on click for markers and sidebar cards.</li>
<li>Custom filters and filtering.</li>
<li>Display map markers within the user’s vicinity.</li>
<li>Display map markers in the vicinity of the area on the map that the user chooses.</li>
<li>Determined user’s position automatically, set manually by clicking on the map, or by using an intuitive address search with auto-completion.</li>
<li>Custom styles for the geolocation marker.</li>
<li>Option to show only necessary controls on the map (address search, automatic geolocation icon, sort by distance).</li>
<li>Option to place controls in a preferred corner of the map.</li>
<li>Sorting locations by distance.</li>
<li>Custom values for sorting by distance.</li>
<li>Setting default value for sorting by distance.</li>
<li>Setting distance sorting in either kilometers or miles.</li>
<li>Intuitive address search with auto-completion.</li>
<li>Left or right position of the sidebar.</li>
<li>Option to close the locator sidebar by default.</li>
</ul>
<h4>🔖 Filters & Filtering</h4>
<ul>
<li>Adding any number of custom filters to the map sidebar.</li>
<li>Filtering based on custom field values.</li>
<li>Filtering by marker category.</li>
<li>Filtering by distance (kilometers or miles).</li>
<li>Adjusting the order of filters in the sidebar.</li>
<li>Displaying the filter panel when clicking on the button or immediately when loading the map.</li>
<li>Button to reset all filters.</li>
</ul>
<h4>✏️ Shapes & Drawing Tools</h4>
<ul>
<li>Add any number of shapes to your maps.</li>
<li>Add a shape to multiple maps.</li>
<li>Add lines by using the Line tool.</li>
<li>Add other varieties of shapes using the Polygon tool.</li>
<li>Add circles with the Circle tool.</li>
<li>Use the Bezier tool to draw and edit bezier curves.</li>
<li>Customize shapes by the following list of style settings: fill color and opacity, stroke color and opacity, stroke width, dash and gap.</li>
</ul>
<h4>📌 Marker Templates Builder</h4>
<ul>
<li>Making a large number of markers in the same style by creating a marker template.</li>
<li>Marker style templates.</li>
<li>Marker popup and image gallery templates.</li>
<li>Marker text label templates.</li>
<li>Marker custom fields templates for popups and marker locators.</li>
<li>Change any marker setting while keeping the rest of the template settings.</li>
</ul>
<h4>🏗️ Custom Fields Builder</h4>
<ul>
<li>Expand your marker popup information with custom fields builder.</li>
<li>Create any number of custom fields.</li>
<li>Adding custom fields to marker templates.</li>
<li>Use the following types of custom fields: text & title, link, email, phone, separator, button, line, number, true/false, multiselect, custom HTML, categories.</li>
<li>Edit custom fields text information, and change their style and order.</li>
<li>Default and custom values.</li>
<li>Audio player shortcode for the “Custom HTML” custom field.</li>
</ul>
<h4>📥 Marker Importer</h4>
<ul>
<li>Import markers and their associated data from Google Sheets.</li>
<li>Create multiple imports, each linked to separate Google spreadsheet.</li>
<li>Select a particular page within the spreadsheet from which the data will be imported.</li>
<li>Import data for both standard and custom marker field.</li>
<li>Choose from different rules to remove existing markers when importing new data.</li>
</ul>


Treweler Map Builder

The Treweler plugin is a multifunction map builder. Its purpose is to help you create an interactive map for your personal or business project.

Mapbox For WP vs Treweler Map Builder