Directorist - Custom Map Styles

A Directorist extension enabling custom Google Maps styling, letting users override default map designs with personalized configurations.

$0.00

Buy Now Add To Cart

This plugin extends the Directorist directory plugin by providing enhanced Google Maps functionality. It allows you to:

• Override default Directorist map styles
• Implement custom map configurations
• Add custom Google Map ID settings
• Replace the default map script with your custom implementation

• Custom Map Styling: Override Directorist’s default Google Maps styling
• Script Replacement: Replace the default map script with your custom implementation
• Admin Integration: Seamlessly integrates with Directorist’s admin settings
• Google Map ID Support: Configure custom Google Map ID through admin panel
• WordPress Standards: Built following WordPress coding standards and best practices

• WordPress 5.2 or higher
• Directorist plugin (active)
• PHP 7.4 or higher

1. Download the plugin files
2. Upload the directorist-custom-map-styles folder to your /wp-content/plugins/ directory
3. Activate the plugin through the ‘Plugins’ menu in WordPress
4. Ensure Directorist plugin is installed and active

Before configuring the plugin, you need to create a Google Map ID with custom styling:

1. Go to the Google Cloud Console
2. Select your project or create a new one
3. Navigate to APIs & Services > Credentials
4. Click + CREATE CREDENTIALS and select Map ID
5. Fill in the details:
   • Map ID name: Enter a descriptive name (e.g., “Directorist Custom Map”)
   • Map type: Select “JavaScript”
   • Styling: Choose “Custom styling” and click CREATE

1. After creating the Map ID, click on it to edit
2. In the Styling section, you can:
   • Use the Map Styling Wizard for visual customization
   • Import JSON styling for advanced customization
   • Choose from predefined themes

1. Copy the generated Map ID (it looks like: 1234567890abcdef)
2. Note this ID for plugin configuration

Make sure these APIs are enabled in your Google Cloud project:

• Maps JavaScript API
• Places API (if using places functionality)
• Geocoding API (if using geocoding)

1. Go to Directorist > Settings > Listings > Map Settings
2. Find the Google Map ID field
3. Enter your custom Google Map ID (from Step 3 above)
4. Save settings

Related Products

Directorist - Advanced Social Links

An extension for Directorist plugin that adds advanced social networking options to listing forms and single listing pages.

$0.00

Add to Cart

Directorist - Custom Badges

A Directorist extension that allows you to create and manage custom badges for your listings with advanced conditions.

$0.00

Add to Cart

Directorist - Nearby Amenities

A powerful extension for Directorist that displays nearby amenities on single listing pages using Google Places API only.

$0.00

Add to Cart