JS Animated. How to add/change map markers (based on RD Google Map)

This tutorial shows how to add/change map markers (based on RD Google Map) in JS Animated templates.

In order to check if your map is based on RD Google Map plugin, you will need to check if you havejquery.rd-google-map.js file inside js folder on your server.

In order to add/change map markers, you will need to edit .html file with the map code.

You can find it in the site’s root folder on the server.

In order to add/change map markers, you should do the following:

1. Get map coordinates: you can do that via Google Maps or any other tool that helps to get map coordinates such as longitude and latitude;

2. Connect to your server via FTP client or using hosting cPanel file manager;

3. Edit .html file with the map code, located in the site’s root folder on the server.

4. Locate map’s list code:

   Add new list element using

html tags and define 2 attributes such as: data-x (north latitude) and data-y (west longitude).

6. As a result you will get the following line of code that should be added into the map code in .html file:

7. There is an example of the map code with the added line:

   
   	
   
   		
   
   			
    9870 St Vincent Place, Glasgow, DC 45 Fr 45. 800 2345-6789