The plugin allows you to add Yandex Maps (Яндекс Карты) to pages of your site using a WordPress visual editor.

Yuri Baranov

<p>YaMaps plugin is the simplest way to insert Yandex maps on your site. The plugin has a user-friendly interface. You can visually put placemarks on your Yandex map, move them with your mouse, change icons and much more.</p>
<p>For use with the new Gutenberg editor, you need add the classic editor block first!</p>
<p>For the map search to work correctly and find routes, you may need to set an API key (JavaScript API и HTTP Geocoder) on the plugin settings page.</p>
<h4>Plugin Highlights:</h4>
<ul>
<li>You can add maps to pages without coding.</li>
<li>Or you can visually edit the shortcodes in the editor.</li>
<li>You can add any number of maps to one page.</li>
<li>You can add multiple markers to one card.</li>
<li>You can add markers with hyperlinks.</li>
<li>You can select the icon and it’s color of the marker in the colorpicker.</li>
<li>You can select type of map (Map, Satellite, Hybrid), map zoom, map controls in the visual editor.</li>
</ul>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/m7YncsBrL5g?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Shortcodes Structure</h4>
<ul>
<li>yamap center – Map center coordinates</li>
<li>yamap height – Map height</li>
<li>yamap zoom – Map zoom (0 to 19)</li>
<li>yamap scrollzoom – Scrollwheel zoom lock (scrollzoom=”0″ for lock)</li>
<li>yamap mobiledrag – Map dragging can be disabled for mobile devices (mobiledrag=”0″ for lock)</li>
<li>yamap type – Map type (yandex#map, yandex#satellite, yandex#hybrid)</li>
<li>yamap controls – Map controls separated by a semicolon (typeSelector;zoomControl;searchControl;routeEditor;trafficControl;fullscreenControl;geolocationControl)</li>
<li>
<p>yamap container – ID of the existing block in the WP template. The map will be placed in the block with this ID. The new block in the content will not be created.</p>
</li>
<li>
<p>yaplacemark coord – Placemark coordinates</p>
</li>
<li>yaplacemark icon – Placemark icon (Yandex.Map icon type or url of your own image)</li>
<li>yaplacemark color – Marker color</li>
<li>yaplacemark name – Placemark hint or content</li>
<li>
<p>yaplacemark url – Linked URL or post with ID will be opened by click on the placemark</p>
</li>
<li>
<p>You can insert multiple placemark codes inside the maps’s shortcode.</p>
</li>
</ul>
<h4>Shortcode Example</h4>
<pre><code>[yamap center="55.7532,37.6225" height="15rem" zoom="12" type="yandex#map" controls="typeSelector;zoomControl"][yaplacemark coord="55.7532,37.6225" icon="islands#blueRailwayIcon" color="#ff751f" name="Placemark"][/yamap]
</code></pre>


Alternatives to YaMaps for WordPress Plugin

Top alternatives