Let's look at how to insert a Yandex map on a site, after creating it in the designer. The insertion process can be incredibly easy, or it can carry some difficulties, depending on the size of your project.
How to embed Yandex map on a site: the choice is obvious
If you create a business card website, blog or a simple online store, then you will
enough basic features of the existing constructor. In this case, a user who does not have special knowledge will be able to insert Yandex map on the site thanks to a special code. If you approach the matter with all thoroughness, the correct preparation of the location map, or the calculation of the delivery price at the destination specified by the user, can significantly improve the functionality of the site and make the visitor a new buyer.
Otherwise, the situation is if you need to go beyond the boundaries of the designer, not just place a Yandex map on the site, but create something grand and unique. In this case, you will need an experienced programmer who is familiar with the work of Java Scripts.
Hidden features
Yandex.Maps API allows you to impose a layer indicating traffic jams on your own site,
however, to implement such an idea, the designer’s capabilities are not enough. In addition to saving the maps you created, the API designer no longer needs to obtain a key for your own site, however, some CMS extensions may ask for these keys.
You can get such a tool in a special section of the site by entering the address of your resource. However, let us return to the question of how to insert the Yandex map on the site and on the designer. Everything you need is here.
Designer Organization
The tools with which you can label the map are located on the top panel, and they consist of 4 buttons. The first makes it possible to put a mark in the form of a large comma, it can be painted in different colors, give a description, and also assign a number. The mark is placed through the activation of this button, as well as a click on the desired area in the diagram.
The designation can always be moved by holding the left mouse button or deleted. Before inserting a Yandex map, take advantage of other tools. Further attention is given to the possibility of "Line Drawing". It is useful for showing the way to your company’s office from a metro station or a bus stop.
Draw a polygon
The designer includes another important tool, which received the name "Drawing
polygon. " It is necessary to highlight with the background fill those objects or buildings that you want to mark on the driving directions, the routes described above will also lead to them.
It is necessary to activate the tool and systematically mark the entire object in the corners, then click on the nodal point, finally select the “Finish” function. As a result, a form will appear, and in it it will be possible to set the thickness for the stroke line, fill transparency, color, and enter a description.
The last button, placed on the toolbar, allows you to make active markers in the lower right corner of the scheme in order to change its size. In addition, at your service is a choice of a display method from 4 options: folk, satellite, hybrid, circuit; form for entering the exact location that needs to be created; zoom tool.
About cards and codes
After all of the above has been completed, you will only have to give the scheme a name, and also click on the button that offers saving and receiving the code. There is a code for inserting maps on a two-site site. The first option is an interactive map.
This code is inserted as a script call, this can cause difficulties for beginners, but visitors to your site will be able to choose the display option, navigate the map, and change the scale. The map can be perfectly adjusted to the size of your page by changing the corresponding numbers at the end of the code.
The second option, a static map, is the usual command to insert a picture into a site. When installing it, there will be no problems, however, the usual photo that cannot be scaled and moved will act as a circuit.
In WordPress, you can insert the card code directly if you use the Html editor while writing and editing publications. On the article editing page, click on the "Screen Settings" function, which is located in the upper right corner, check the box "Custom Fields". After that, under the article, the area of the same name appears, where you need to click on the "Enter New" item and specify the identifier for the short code (without spaces, Latin letters) on the left side of the form. In the right section, you need to insert the code that was received in the Yandex.Maps constructor.
Next, open the function file called “functions.php”. Add a custom code by backing up the site first. After these steps, you can add the code received from the Yandex.Maps Designer to a static page or article.
If you need to set the location map directly in the blog frame, you can insert the script directly, however, you need to select the used WordPress theme template so that the map is displayed in the place you need.
Features of working with Joomla
To insert Yandex map in Joomla, there are several options. Solve
You can set the task using the component and the Yandexmap plugin, special Yandex maps for Joomla, as well as the Zh YandexMap solution. In order to insert Yandex maps, you can use the arbitrary Html code module , however, you must first disable the traditional visual editor.
It can be turned on again after the code is inserted. To add a location map to a publication, you must also insert the code with the visual editor disabled or insert the content from the module responsible for arbitrary code using a plug-in called “Load Module”. The module, which includes the Yandex card code, must be placed in a non-existent template position. Now you know the answer to the question of how to insert a Yandex card on a site, everything turned out to be very simple. We hope our tips will help you develop your site.