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:
Step 2: Go to Extensions-->Module Manager and create the module Google Map with the type "Custom HTML".
Step 3: You go to "https://www.google.com/maps/preview"
And you follow the images below:
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.
2. Module TZ Map
After installing and creating TZ Map successfully by going to Extensions-->Module Manager, you can configure like the image:
You back to your site and see the appearance of the map:
3. Module BT Google Maps
When finishing installation of the module, you can configure:
Let check and have a look at your resulted map:
4. TZ Google Map
Like other modules above, you move to configure the module when installation is done.
The map will appear in front-end like this:
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 ;)