If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

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

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