The component is a map with the geography of sales in the form of labels on the map, and is conveniently edited by managers through the site's admin area.

Yandex:


Google:


Example of use
To create a label, go to Applications -> Sales Geography, the Regions tab, add the Region (Example: Sverdlovsk Region), then go to the City, and add the city, Example:




Snippets
GeosalesMap — Draws a card with tags
Call settings:
tpl — Card Checkout Chunk

GeosalesNav — Group cities by region and create navigation on them
Call settings:
tplOuter — Chunk wrap
tplRegion — Chunk of the design of the region with the cities
tplCity — City design chunk
sortby — Sort
sortdir — Sort by descending / ascending

Example of a call on the page

<div class="row">
    <div class="col-md-3">
       [[GeosalesNav?
        	&tplCity=`tpl.Geosales.city`
        	&tplRegion=`tpl.Geosales.region`
        	&tplOuter=`tpl.Geosales.outer`
        	&sortby=`region`
        	&sortdir=`ASC`
        ]]
    </div>
    <div class="col-md-9">
        [[GeosalesMap?
        	&tpl=`tpl.Geosales.map `
        ]]
    </div>
</div>

Component settings
geosales_map_behaviors — Card behavior manager
Allows you to enable or disable behavior. Each map already has its own behavior manager, available as map.behaviors. Do not instantiate instances of this class without the need for

geosales_map_zoom — Zoom after loading the map

geosales_map_center — Coordinates of the map center
The place where the map will be located when loading

geosales_map_clickzoom — Zoom on clicking on the menu item
1 — Very far away; 16 — close

geosales_map_clusterize — Enable Clusterer
Yes / No

geosales_map_cluster_icons — Cluster icon
slands #blueClusterIcons, islands #darkOrangeClusterIcons, etc.

geosales_map_controls — Map controls
These are buttons and other graphical elements, through which users can perform various actions with the map. For example, to change the scale, adjust routes, etc. As a rule, the controls are placed in the display area of ​​the map and have a fixed position

geosales_map_marker — Marker for mutiny
Path to marker mapping

geosales_map_type — Which card should I use?
Options: yandex, google

geosales_google_key — Google API Key

geosales_google_cluster_icons — Cluster icon
Path to image

geosales_google_styles — Style
JSON with map style