Font size: + –

Print

4 Simple Ways To Create A Map For Your Website

Tutorials

Sonny

Thursday, 12 February 2015

1306 Hits

Nowadays, embedding a map on your webpage becomes a trend. It would be a mistake if you don’t do it for your site. It makes your webpage look modern and beautiful, also lets users of your site find the places nearest to them easily.

We'll show you some ways to display a map on your website by using these modules.

1. Module Custom HTMl with Google Map

Google Map is the best option for most user’s needs

Step 1: Go to “System-->Global Configuration -->Default Editor” and you select "Editor-None". You can see the image below:

4-simple-ways-to-create-a-map-to-your-website

Step 2: Go to Extensions-->Module Manager and create the module Google Map with the type "Custom HTML".

4-simple-ways-to-create-a-map-to-your-website

Step 3: You go to "https://www.google.com/maps/preview"

And you follow the images below:

4-simple-ways-to-create-a-map-to-your-website

Ways-to-create-a-map-to-your-website

4-simple-ways-to-create-a-map-to-your-website

Step 4: After finishing all the steps above, you click the button "Save" of the module Google Map.

Step 5: Go to your site and refresh and check whether Google map appears or not.

4-simple-ways-to-create-a-map-to-your-website

2. Module TZ Map

After installing and creating TZ Map successfully by going to Extensions-->Module Manager, you can configure like the image:

4-simple-ways-to-create-a-map-to-your-website

You back to your site and see the appearance of the map:

4-simple-ways-to-create-a-map-to-your-website

Download Here

3. Module BT Google Maps

When finishing installation of the module, you can configure:

Option 1:

4-simple-ways-to-create-a-map-to-your-website

Option 2:

4-simple-ways-to-create-a-map-to-your-website

Let check and have a look at your resulted map:

4-simple-ways-to-create-a-map-to-your-website

Download Here

4. TZ Google Map

Like other modules above, you move to configure the module when installation is done.

Ways-to-create-a-map-to-your-website

The map will appear in front-end like this:

4-simple-ways-to-create-a-map-to-your-website

Download Here

By using some simple modules, you can create a nice map on your website. If you feel this post useful, don’t hesitate to recommend it to others. We’re always here to receive all your comments.

Thanks all guys for reading ;)