JB Maps provides you with a simple module to embed a map on your website. This is a free module created by JoomlaBamboo, it allows you to set the height, width, starting position and up to 3 markers on the map. It also allows you to build routes between markers.

Functions

• Setting the map height.
• Setting the map width
• Installation standard level zoom
• Setting the initial coordinates
• Create up to 3 marks
• Building routes between markers

Dependencies

JB Library plugin - if your site does not use jQuery. For all our T3 templates, you don't need to install the JB Library to make it work.

Instructions

First make sure you have installed the module using the Joomla installer from the admin panel and then place the module in the desired position. After this you will be able to change the settings. Go to the Joomla admin panel and find the module manager there. So you will see a list of modules, find the JB Maps module in it. Click on the title and you will see parameters that can be configured. If you need Additional Information about settings, slide the text to the left and a hint will appear. Don't forget to save your changes.

Problem solving

I installed a module but can't see it?

When you install a module, it is located in the left module position and is disabled. Check that you have moved it to the required position and that it is active.

Can I use the auto option for width settings?

No, it is not possible to set for a card automatic detection width. You need to specify a maximum width for displaying the map based on the width of your template's main container. The module uses CSS property max-width, which ensures that the card never extends beyond its parent container in responsive design.

Hi all! I think each of you uses from time to time Google services Maps and Yandex Map for viewing traffic jams, driving directions or finding a specific address. The services are very convenient and popular, so they definitely deserve our attention. In this article I will talk about the Yandex Map module for Joomla. At the same time, let’s consider an analogue from Google.

For commercial organizations, a good solution would be to not only indicate contact information, but also add a map with your location marked. This is very convenient for clients - it allows them to quickly navigate and understand how to get to you.

This can also be useful for owners of non-profit Internet resources: show the meeting place, favorite cinema or cycling route.

Embed Google Map plugin for Joomla

Extensions for integration into Joomla google maps enough. There are components with simply enormous functionality - for example, the Googlemaps Plugin extension with an average rating of 4.85 out of 5. This plugin is good for everyone, but only completely English language. Considering that there are very, very, very many settings, not everyone can understand them. Therefore, I suggest using another plugin - Embed Google Map. Its functionality, although not so impressive, is often more than enough.

You can download the Embed Google Map plugin from joomla.org. There is no need to unpack the resulting archive. Like all extensions, the Embed Google Map plugin is installed via .

After installation, go to the Plugin Manager and find “Content - Embed Google Map”. We activate the plugin by changing its state to “enabled” and go to the settings.

Let's look at the Basic parameters.

• Zoom level — set the scale.
• Language — select the language (Russian).
• Add link - add a link to a larger version. Link label — the text of this link.
• Height and Width - the height and width of the window.
• Border—thickness of the border in pixels.

To display on site pages, use the following code:

( google_map) address( / google_map)

Instead of address, enter the required address. The Embed Google Map plugin understands the Russian language surprisingly well. For example, it understands the following address: Krasnodar, Krasnaya street, building 68.

This code can be inserted either into the text of the material or into the standard “HTML code” module. Accordingly, in the first case the map will appear in the content area, and in the second in the module area. Just use the HTML editor CodeMirror. Visual editor TineMCE is not friendly with this kind of code.

The output code can be supplemented with attributes.

1. Set the scale to 7.

3. Set the window size and border thickness.

Attributes replace the values ​​​​set in the plugin settings.

Component Zh YandexMap

To create a Yandex Map in Joomla 2.5 there is only one free extension - the Zh YandexMap component. But very high quality - with large functionality and entirely in Russian.

You can also download Zh YandexMap from joomla.org. Installed as standard - through the Extension Manager. Since Zh YandexMap is a component and not a plugin, it creates an item of the same name for itself in the “Components” section of the main Joomla admin menu.

For the component to work, you need to obtain a Key for the Yandex.Maps API. Go to the Form for obtaining an API key from Yandex.

• Enter the site address.
• We put a tick under the user agreement (which for some reason did not appear for me).
• Click “Get API key”.

Already on the next page we receive the treasured key. It should be copied and pasted into the settings of the Zh YandexMap component, which can be accessed using the corresponding button in the toolbar.

What is the principle of working with Zh YandexMap:

• We create a map through the appropriate section. For convenience, they are grouped into categories.
• We put markers, routes and paths on the created map. In turn, the marks are combined into groups of marks.

Let's look at how to create simple Yandex a map on which additional marks, routes and paths can later be applied.

Go to the “Maps” section and click the “Create” button in the toolbar in the upper right corner.

All required items are marked with asterisks. The main ones are the following:

Hi all)

In this article we will look at how you can put map from Yandex to the website Joomla.

First, go here http://api.yandex.ru/maps/tools/cms/ and download the module for Joomla.

Then install it (Extension Manager - Upload package file).

Now go to the Module Manager and look for the installed module

Click on it and get into the settings. Thank Yandex, all settings are in Russian :)

In order to put a mark in the right place, you can simply enter the coordinates.

You can also simply grab and drag the marker to the desired location on the map.

The scale of the map can be seen in the map example (above the settings). Click on + or - to view the scale.

The type of card can also be seen in the example above.

We set the width and height to suit the site, in my case it is 500x400px.

Text (name) of the icon, html tags- We give a name to the mark on the map.

Label tooltip - A text pops up when you hover over a label.

Balloon - Text when you click on the label.

Scaling, Tools, Map type, Traffic - add additional options on the map.

Additional parameters - it’s better not to touch them :) (for this, see the Yandex maps API)

After everything is configured, save and publish the module.

That's all, good luck!)

With this short article I want to open a new section on the blog. Here I will write about third-party services that allow you to solve problems for which Joomla either does not have ready-made extensions at all, or they exist, but do not completely solve the problem.

It is also worth highlighting separately the case when there are extensions, but it is quite possible to do without them by working with the service API directly. This is what this article will discuss.

Inserting a card with a store address on a website is a task that almost all online store owners solve. There are several ready-made extensions for Joomla ( , , ). Everything is fine, everything works, but each module adds its own copyright and has additional functionality that is not actually used.

In my opinion, it is much easier to use the original source, namely the map designer from Yandex itself.

Creating a new card is very simple. After pressing the button Create a new map A window will open in which you can add store addresses to the map.

To display the name next to the label, select the type With signature.

Save the result and set the size settings in the next step. To adjust the width of the map to the size of the device screen, activate the option Stretch to width.

Press the button Get card code and copy the embed code onto the site.

This code can be inserted into the material, module, or simply into the source code of the template.

A little more about inserting code into the material. For example, you need to add a map to a page with contact information store.

If the site uses the JCE test editor, then with default settings it does not allow inserting into javascript stuff code. The option will help correct the situation Allow Javascrip V Components > JCE Editor > Editor Profiles > Default > Editor Options > Advanced.

After that, on the material editing page, click the button to view source code and insert our script.

To display a map in a module, we simply create a module with the type HTML code and similarly insert the card code.

Everything is very simple and there is no need to install third-party extensions.

Site Map OSMap.

This component was the best for joomla at one time. Free version This extension has everything you need to create a sitemap running on basic extensions. All you need to have a sitemap on your website running on the Joomla engine is to install this extension. Well, configure it if you want to remove certain pages or materials from the map.

This component has replaced the once popular sitemap for Joomla - " Xmap", which is no longer supported and the official Xmap website has been closed.

Step 1. Installing a sitemap on Joomla

First you need to download the archive. During the installation process, the component and extension plugins will be installed OSMap.

The component is installed through the site’s admin panel using the following path:

Extensions ==> Extension Manager ==> Load file from package

Select the downloaded file on your computer and click Download and install

The entire card is installed and works immediately.

Step 2. - Sitemap settings

In the site admin panel go to Components => OSMap.

Here is the sitemap "Sitemap", which we go to.

The map is already created and published immediately after installation! You don’t have to do anything else, everything works!

For convenience, you can rename it, but it doesn’t really matter.

In the tab Menu We mark the menus that should be displayed in the site map. As for Priority and Change Frequency, you don’t have to change anything, since search engines will still index the site according to their own rules.

On the tab Options The following settings are available:

If you have not set the translation, it will be displayed as follows:

• Intro text- introductory text for the map in HTML format
• Menu Title- menu name at the top of each menu
• CSS Class name- the name of your style class for the map
• #Cols- indication of the number of columns starting from 2

• External Links Image- selecting images for external links
• Compress XML- map compression
• Beautify XML- map view, check and select the map display option you like
• Link to author- disable links to extension developers

Step 3. - View the map

We exit the settings and see in the line with the name of the map Map Links.

When you click on Images, information about the site images will appear.

Step 4: Create a Menu

Go to MENU and create a menu item OSMap - HTML Sitemap. In the line “Choose a sitemap” we indicate the site map.

On the next tab "Sitemap Setting" there is a button for connecting styles for this extension.

We open the created menu item on the site, where a site map awaits us.

Step 5. Plugins

Towards expansion OSMap Seven plugins are included, three of which are included by default. The rest are used depending on the presence of installed components on the site, such as a forum, store and others.

Plugins have settings that are very good by default, as is the case with the component.

Like from a map OSMap remove unnecessary website pages

To do this, you need to log in to the site (not in the admin panel, but on the site!!) using the admin login. Open the XML sitemap - previously described step 3. In the leftmost column, when you click on the green “bird”, you can turn on/off the items you need. For convenience, at the top in the information block, enable "Show headings"

Well, in the end, do not forget to write the sitemap address in the file robots.txt

To do this, add the following line to the robots.txt file.