- This topic has 9 replies, 2 voices, and was last updated 1 week ago by
.
-
Posts
-
Hello,
We are in the development of a new website https://www.aflex.sg-host.com/ with Job Monster in Elementor. To display the job map, the only way we found was to use the "Noo Advanced Search" widget in Elementor (we can't find a Job map widget).
However, we can't find any option to style the map, with a JSON to apply to the google map.
Could you help?
Also, we can't find how to remove the "find jobs" button from the map, as we already have the search form beside it. How to do. Shouldn't we have a Noo Job Map widget?
Here is the JSON w would like to apply to style the map:
-------------------
[ { "elementType": "geometry", "stylers": [ { "color": "#f5f5f5" } ] }, { "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "elementType": "labels.text.fill", "stylers": [ { "color": "#616161" } ] }, { "elementType": "labels.text.stroke", "stylers": [ { "color": "#f5f5f5" } ] }, { "featureType": "administrative.land_parcel", "elementType": "labels.text.fill", "stylers": [ { "color": "#bdbdbd" } ] }, { "featureType": "poi", "elementType": "geometry", "stylers": [ { "color": "#eeeeee" } ] }, { "featureType": "poi", "elementType": "labels.text.fill", "stylers": [ { "color": "#757575" } ] }, { "featureType": "poi.park", "elementType": "geometry", "stylers": [ { "color": "#e5e5e5" } ] }, { "featureType": "poi.park", "elementType": "labels.text.fill", "stylers": [ { "color": "#9e9e9e" } ] }, { "featureType": "road", "elementType": "geometry", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "road.arterial", "elementType": "labels.text.fill", "stylers": [ { "color": "#757575" } ] }, { "featureType": "road.highway", "elementType": "geometry", "stylers": [ { "color": "#dadada" } ] }, { "featureType": "road.highway", "elementType": "labels.text.fill", "stylers": [ { "color": "#616161" } ] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [ { "color": "#9e9e9e" } ] }, { "featureType": "transit.line", "elementType": "geometry", "stylers": [ { "color": "#e5e5e5" } ] }, { "featureType": "transit.station", "elementType": "geometry", "stylers": [ { "color": "#eeeeee" } ] }, { "featureType": "water", "elementType": "geometry", "stylers": [ { "color": "#c9c9c9" } ] }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [ { "color": "#9e9e9e" } ] } ]Hi.
Please get the plugin "Jobmonster Elementor Addon" from this link https://drive.google.com/file/d/1rzLPwDUohlxzNDPjFmvY0zmzgl_Nf8-6/view?usp=sharing
We have added the option to hide the "find jobs" search form on the widget.
Please recheck it.
Regards.
Hi Jackie,
Thanks for your answer.
We already have the Jobmonster Elementor Addon installed, which is how we use the Advanced Search module to display the map. I can't find any option to hide the "find job" button from the map. There is an option to hide the keyword search field, and a drop down to remove the 2 categories fields, but nothing to remove the button.
Hi.
Do you see the "Enable Search Form" option on the noo advanced search widget? https://prnt.sc/rRlAOIBjVhRX
Please recheck it. If it still doesn't work, please provide us with your site URL, admin account. We will access your site to help you check the issue.
Regards.
Hi.
I have checked and helped you update the addons plugin. Now you can hide the button on the search widget.
Please recheck it.
Regards.
That's great Jackie, it works! Now the display of the map on the homepage is ok (without the search button).
Thank you so much.Any chance you can solve the 2nd issue: how to style the map with a custom style?
You can see on the contact page (https://www.aflex.sg-host.com/contact/) that we applied a JSON code from Mapply to the 3 maps.How to apply the same in your plugin to the home map and the single job page map?
Here is the JSON:
-----
[
{
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#ff0000"
},
{
"gamma": "1"
}
]
},
{
"featureType": "administrative",
"elementType": "labels.text",
"stylers": [
{
"color": "#ff0000"
}
]
},
{
"featureType": "administrative",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "##000000"
}
]
},
{
"featureType": "administrative",
"elementType": "labels.text.stroke",
"stylers": [
{
"weight": "0"
},
{
"visibility": "off"
}
]
},
{
"featureType": "administrative.province",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"lightness": 65
},
{
"visibility": "on"
}
]
},
{
"featureType": "poi",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"lightness": 51
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "road.highway",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "road.arterial",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"lightness": 30
},
{
"visibility": "on"
}
]
},
{
"featureType": "road.local",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"lightness": 40
},
{
"visibility": "on"
}
]
},
{
"featureType": "transit",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{
"hue": "#ffff00"
},
{
"lightness": -25
},
{
"saturation": -97
}
]
},
{
"featureType": "water",
"elementType": "labels",
"stylers": [
{
"visibility": "on"
},
{
"lightness": -25
},
{
"saturation": -100
}
]
}
]
Hi.
I have helped you change the job map style to your style. It needs to change the source code in this file:
wp-content/themes/noo-jobmonster/assets/js/google-map-custom.js
Please back up that file when you lose the map style.
Regards.
You must be logged in and have valid license to reply to this topic.