Custom Google Maps Styles

Custom Google Maps Styles

You can use your Google Maps styles in component (Advert details) and Google Maps modules.
Adjusting the map's look and feel is as easy as copying and pasting JSON code to fields in DJ-Classifieds.

Where to get Google Maps styles?

There are many sources where you can generate your own or use ready-made Google Maps styles.
The most prominent place will be Google Maps APIs Styling Wizard.

Create your Google Maps style, and once you're ready to, you can copy the JSON code and paste it to DJ-Classifieds.

image04-gmstyle

There are also other sources you can use to find ready-made maps:

  • Master

image02-gmstyle

image01-gmstyle

You can use any JSON code generated for Google Maps from any source.

How to change the style of Google Map in module

Go to Extensions -> Modules -> filter for DJClassifieds Maps module and open the module you want to edit.
Scroll down to the bottom and paste the JSON code to Custom Map Styles field.
Save the module.

image00-gmstyle

How to change the style of Google Map on the advert details page (component setting)‚Äč

To change the styling of the map on advert details page go to Components-> DJ-Classifieds -> Options -> Global tab and scroll down to "Custom Map Styles" section and paste the JSON code in the field.
Save settings.

image03-gmstyle


      • Related Articles

      • Disable mouse zoom scrolling in Google Maps

        You can disable the Google Maps scrolling in DJ-Classifieds Google Maps module and component. Check video explaining how it works: Module Open Google Maps module and change the Mouse zoom scrolling settings to "No" (1) Save the module (2)   Advert's ...
      • Default country for places API (google maps)

        In google maps module you can insert the country name that you want to search in. For example, you might want to let your users search the city Paris, but you don’t want to have in results anything else than Paris from France (for example if you’re ...
      • Using OpenStreetMaps in DJ-Classifieds

        Full support for OpenStreetMaps in DJ-Classifieds component The OpenStreetMap is a new equivalent for Google Maps. As you may know, Google recently updated its policy for using Google Maps. This changes add limits for free usage and require users to ...
      • How to set the Leaflet OpenStreetMap in the component and Maps module

        Support for OpenStreetMaps in DJ-Classifieds component DJ-Classifieds uses the Google Maps API by default. To enable OpenStreetMaps maps, you need to publish the “DJ-Classifieds - Leaflet Maps” because it is disabled by default.  After enabling the ...
      • Maps module

        The DJ-Classifieds Maps module displays the Google Maps, Baidu Maps, Leaflet Maps with selected locations of the submitted adverts. Frontend view Backend view & settings Let's take a look at the module parameters: Short description Map Provider - Use ...