Hide Exact Property Location on the Map

WPResidence includes an option to hide the exact property location on the single property page map.

When this option is enabled, the property page map shows a circle area instead of the exact property pin. This is useful when you want to show the approximate location without displaying the exact address or map point.

Enable Hide Map Location

Go to:

Theme Options > Property Page > Map

Find the option:

Hide map location?

Set it to Yes if you want to hide the exact property pin location.

How It Shows on the Property Page

When Hide map location? is enabled, the property page map will show a circle instead of the exact pin.

The circle marks the approximate location area.

Change the Circle Size

There is no Theme Options setting for changing the size of this circle.

The circle size is controlled from the theme JavaScript files. This is a code customization.

The file used for both Google Maps and OpenStreetMap is:

wp-content/themes/wpresidence/js/google_js/mapfunctions.js

The exact line number can change depending on the theme version. Search for the function or code shown below instead of relying only on the line number.

Google Maps Circle Size

For Google Maps, open:

js/google_js/mapfunctions.js

Search for:

function wpestate_custompin(image){

Inside this function, look for this code:

if( !mapfunctions_vars.hidden_map ){
    image ={
        path: google.maps.SymbolPath.CIRCLE,
        scale: 160,
        fillColor: "#0073e1",
        fillOpacity: 0.4,
        strokeWeight: 0.2
    }
    return image;
}

Change the value for:

scale: 160

Use a smaller number for a smaller circle.

Use a larger number for a larger circle.

Example:

scale: 100

OpenStreetMap Circle Size

For OpenStreetMap, open:

js/google_js/mapfunctions.js

Search for:

wpestate_createMarker_sh_leaflet

Inside this function, look for this code:

if( !mapfunctions_vars.hidden_map ){
    propertyMarker = L.circle(markerCenter, {
        color: '#0073e1',
        fillColor: '#0073e1',
        fillOpacity: 0.4,
        strokeWeight: 0.2,
        radius: 120
    });
}

Change the value for:

radius: 120

Use a smaller number for a smaller circle.

Use a larger number for a larger circle.

Example:

radius: 80

Important Notes

• The option is managed from Theme Options > Property Page > Map > Hide map location?.
• When enabled, the exact property pin is replaced with an approximate location circle.
• The circle size cannot be changed from Theme Options.
• Changing the circle size requires editing theme JavaScript code.
• The code location may change between theme versions. Search by function name if the line number is different.
• Parent theme file changes can be overwritten by theme updates.
• After changing the file, clear theme cache, plugin cache, server/CDN cache, and browser cache.
• If JavaScript optimization or minification is active, clear or rebuild those files too.