- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
JS Animated. How to change map location based on RD Google Map plugin
September 22, 2015
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 pluginIn 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:
123456789<
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"
class
=
"first last"
>
<
p
>8901 Marmora Road,
Glasgow, D04 89GR.</
p
>
</
li
>
</
ul
>
</
div
>
-
Change the coordinates up to your needs:
1data-x="-73.9874068" data-y="40.643180"
Let us change them to:
1data-x="12.398652" data-y="43.113736"
Copy your new coordinates and paste them into the first div tag with id=”google-map”:
123456789<
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"
class
=
"first last"
>
<
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