Categories

Featured templates

JS Animated. How to change map location based on RD Google Map plugin

Cillian Smith September 22, 2015
Rating: 5.0. From 5 votes.
Please wait...

Hello! We are ready to present you a brand-new tutorial on how to change Google map location based on RD Google Map plugin.

JS Animated. How to change map location based on RD Google Map plugin
  1. In order to change map location, navigate to your site folder via FTP or cPanel. Then, edit the page with Google map. In our case this is index-4.html. Find the code that displays your Google map. It should look like this:

    <div class="rd-google-map">
    	<div id="google-map" class="rd-google-map__model" data-zoom="14"></div>
    	<ul class="rd-google-map__locations">
    		<li data-x="-73.9874068" data-y="40.643180">
    			<p>8901 Marmora Road,
    			Glasgow, D04 89GR.</p>
    		</li>
    	</ul>
    </div>
  2. Change the coordinates up to your needs:

    data-x="-73.9874068" data-y="40.643180"

    Let us change them to:

    data-x="12.398652" data-y="43.113736"

    Copy your new coordinates and paste them into the first div tag with id=”google-map”:

    <div class="rd-google-map">
    	<div id="google-map" class="rd-google-map__model" data-zoom="14" data-x="12.398652" data-y="43.113736"></div>
    	<ul class="rd-google-map__locations">
    		<li data-x="12.398652" data-y="43.113736">
    			<p>8901 Marmora Road,
    			Glasgow, D04 89GR.</p>
    		</li>
    	</ul>
    </div>

Feel free to check the detailed video tutorial below:

JS Animated. How to change map location based on RD Google Map plugin
This entry was posted in JS Animated tutorials and tagged HTML, location, map, plugin, RD Google Map. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.