Nikita.Omen666

<h4>Main features:</h4>
<ul>
<li>Add Google or Yandex map on the site, no coding required!</li>
<li>Initial map position and zoom level set up.</li>
</ul>
<h4>You can add a map in a post or on a page via adding the shortcode in the text editor:</h4>
<ul>
<li>[omen_maps_google] – for Google map</li>
<li>[omen_maps_yandex] – for Yandex map</li>
</ul>
<p>Maps use settings from the configuration screen by default, but you can change map width, height, initial coordinates and zoom level for the specific map.</p>
<p>For example:</p>
<h4>This shortcode will render the Google Map with 300px height and on 12 zoom.</h4>
<ul>
<li>[omen_maps_google height=”300″ zoom=”12″]</li>
</ul>
<h4>And this will render the Yandex Map with initial screen in Bishkek.</h4>
<ul>
<li>[omen_maps_yandex lat=”42.873995″ lng=”74.600855″]</li>
</ul>
<h4>Available parameters:</h4>
<ul>
<li>lat – Latitude</li>
<li>lng – Longitude</li>
<li>zoom – Zoom(0-21 for Google map, 0-17 for Yandex map)</li>
<li>width – Width of the map. Pass 0 if you need full-width map.</li>
<li>height – Height of the map. Pass 0 if you need a full-height map.</li>
<li>title – Title for the initial marker.</li>
</ul>


WP Omen Maps

The plugin allows you to add a Google or Yandex map on your WordPress site in a simple way.

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>


YaMaps for WordPress Plugin

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

WP Omen Maps vs YaMaps for WordPress Plugin