Home › Forums › Jevelin Theme › How to achieve same look and feel of this map?
Home › Forums › Jevelin Theme › How to achieve same look and feel of this map?
Hello
The demo “autospot” has a beautiful map (dark); I am trying to replicate it in another demo we decided to use as template, however I’ve already entered like 3 different setups from Snazzy Map on the ADVANCE STYLING field of the google map component, but unfortunately I haven’t had any luck fixing this.
Can you help me please?
Thanks
-E
Hi Edgar,
I hope you are well today and thank you for your question.
Could you please tell me which map it is on the following page or share me the page URL from your site where it is displaying so that i can help you to achieve it?
https://jevelin.shufflehound.com/elements/google-maps/
Best regards,
Shufflehound team
Hello:
I can only see 4 in that URL, and none of them is what I want.
The one I am referring to is displayed on the “autospot” demo.
Thank you!
-Edgar
Ok then could you please share me the page URL from demo site where it is displaying so that i can help you to achieve it?
click on the “autospot” layout, its the second one from left to right
Solution for this topic
You can achieve it by adding following code in the Advanced styling option of Google map content element as shown in the attached screenshot.
[{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}]
You can get more such map code from https://snazzymaps.com
Thank you SO much!!!
You are most welcome here 🙂