{"id":56289,"date":"2015-10-26T07:22:21","date_gmt":"2015-10-26T11:22:21","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=56289"},"modified":"2015-12-08T04:21:25","modified_gmt":"2015-12-08T09:21:25","slug":"js-animated-how-to-change-rd-map-style","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-how-to-change-rd-map-style.html","title":{"rendered":"JS Animated. How to change RD Map style"},"content":{"rendered":"

This video tutorial is going to show how to change RD Map style<\/strong> in JS Animated template.<\/p>\r\nJS Animated. How to change RD Map style<\/a>\r\n

In order to change RD Map style<\/strong> in JS Animated<\/strong> template, you should perform the following steps:<\/p>\r\n\r\n

    \r\n\r\n
  1. \r\n

    In order to change Google Map style on the page, open tm-scripts.js<\/strong> file that is located in the following directory: js<\/strong> folder of your template.<\/p> \r\n <\/li>\r\n

  2. \r\n

    You have to open tm-scripts.js<\/strong> file with File Manager in the cPanel<\/strong> or from your PC in editor like a Notepad++ or Dreamviewer<\/strong>.<\/p> \r\n <\/li>\r\n \r\n

  3. \r\n

    First of all we have to save original file in order to make back-up<\/strong> in case of need to restore default settings. Press on the right button and select Download<\/strong> button.<\/p>\r\n \r\n

    After such step we can start editing. Right-click the file and open it by selecting the Code Edit<\/strong> item:<\/p> \r\n\r\n\"JS-Animated.-How-to-change-RD-Map-style-1\"<\/a>\r\n <\/li>\r\n

  4. \r\n

    Second step will be to find massive of Google Map code<\/strong> responsible for styles. In our case we need to remove all content<\/strong> from the square brackets<\/strong> and replace it with a new one:<\/p>\r\n\r\n\"JS-Animated.-How-to-change-RD-Map-style-2\"<\/a>\r\n <\/li>\r\n \r\n

  5. \r\n

    In order to get new code for map style, we have to visit the following link: https:\/\/snazzymaps.com.<\/a>. There you will find different variations of the map styles and choose something for your website. In our case we are going to use “Midnight Commander” style.<\/p>\r\n <\/li>\r\n \r\n

  6. Press on the View all code<\/strong> button and copy all code from the square brackets<\/strong> to the end of the code:<\/p>\r\n\r\n\"JS-Animated.-How-to-change-RD-Map-style-3\"<\/a>\r\n <\/li>\r\n \r\n

  7. Open tm-scrits.js<\/strong> file and Paste<\/strong> massive of code to that place where original code was:<\/p>\r\n\r\n\"JS-Animated.-How-to-change-RD-Map-style-4\"<\/a>\r\n <\/li>\r\n

  8. \r\n

    Save<\/strong> changes and refresh<\/strong> your website. In case you use some editor from the PC, save<\/strong> changes and upload<\/strong> file to the js<\/strong> folder through the FTP<\/strong> connection or File Manager in cPanel<\/strong>. Notice that you have to allow overwriting<\/strong> in order to save changes correctly. <\/p> \r\n <\/li>\r\n \r\n \r\n

  9. \r\n

    Go back to your website and refresh page with text that you have changed. Now we can see that editing was successful. <\/p>\r\n <\/li>\r\n <\/ol>\r\n\r\n\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nJS Animated. How to change RD Map style<\/a>","protected":false},"excerpt":{"rendered":"

    This video tutorial is going to show how to change RD Map style<\/strong> in JS Animated template.<\/p>\n","protected":false},"author":96,"featured_media":56296,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[1113,2078,517],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56289"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=56289"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56289\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/56296"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=56289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=56289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=56289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}