Navigation
Archive / Black and white map
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 19, 2016 at 11:59 am #1138468
    neodjandre
    Participant

    Hi,

    I am trying to change the hue of the map code to create a black and white map like on this picture

    https://www.dropbox.com/s/lfhl39je20r6w5j/Screenshot%202016-08-19%2017.59.30.png?dl=0

    No matter what setting I choose for the hue, I cannot get black and white map.

    Any help?

    August 19, 2016 at 12:58 pm #1138542
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Upon checking, it seems that there is no straight forward solution but it could be possible with custom development. You may contact a developer a service to assist you on this. Please refer to the following resource (https://developers.google.com/maps/documentation/javascript/styling).

    Thanks!

    August 19, 2016 at 1:51 pm #1138606
    neodjandre
    Participant

    ok I can create my own script but this won’t interfere with the theme?

    i.e. load libraries twice?

    Perhaps you should give an option to users to disable javascripts that they won’t be using in the theme.

    August 19, 2016 at 3:02 pm #1138677
    neodjandre
    Participant

    Actually the answer is much easier !

    You need to add this CSS code in the DIV of the map

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

    August 19, 2016 at 3:05 pm #1138682
    Joao
    Moderator

    Hi There,

    We are glad you find a solution, thanks for letting us know.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1138468 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>