Map block allows to get map via Google Map API (required API key, you can add it in Greenshift global settings) or via OpenStreetMap (No API)

You have options to control size, zoom, design and also add unlimited markers. Each marker can have also title, description and custom icon

Here is screenshot of settings for Map markers

You can also assign custom marker image (as SVG code, image, or predefined icon library).

Copy this post’s content
<!-- wp:paragraph -->
<p>Map block allows to get map via Google Map API (required API key, you can add it in Greenshift global settings) or via OpenStreetMap (No API)</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You have options to control size, zoom, design and also add unlimited markers. Each marker can have also title, description and custom icon</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/map {"id":"gsbp-6c32a45f-ce60","spacing":{"margin":{"values":{"bottom":[50]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":null},"markers":[{"lat":"49.8440082","lang":"24.0256877","title":"Opera and Ballet","description":"Phones: +380-096-121-23-23","icon":"","iconwidth":32,"iconheight":32,"isCustomIcon":false,"iconBox_icon":{"icon":{"font":"rhicon rhi-map-marker-alt","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":[32]},"dynamicEnable":false,"dynamicField":""},{"lat":"49.8485255","lang":"24.036235913934227","title":"High castle park","description":"Great place to rest and walk","icon":"","iconwidth":32,"iconheight":32,"isCustomIcon":true,"iconBox_icon":{"icon":{"font":"rhicon rhi-map-marker-alt","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":[32]},"dynamicEnable":false,"dynamicField":""},{"lat":"49.84823555","lang":"24.010960304611388","title":"City Council","description":"Place for government","icon":"","iconwidth":32,"iconheight":32,"isCustomIcon":false,"iconBox_icon":{"icon":{"font":"rhicon rhi-map-marker-alt","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":[32]},"dynamicEnable":false,"dynamicField":""}]} /-->

<!-- wp:paragraph -->
<p>Here is screenshot of settings for Map markers</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":2705,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://greenshiftwp.com/wp-content/uploads/2023/03/mapmarker-1024x701.jpg" alt="" class="wp-image-2705"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>You can also assign custom marker image (as SVG code, image, or predefined icon library). </p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/map {"id":"gsbp-17ee5bc4-b28c","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[10],"right":[10],"bottom":[10],"left":[10]},"unit":["px","px","px","px"],"locked":true}},"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":null},"border":{"borderRadius":{"values":{},"unit":"px","locked":true},"style":{"all":["solid"]},"size":{"all":[2]},"color":{"all":["#dcdcdc"]},"styleHover":{},"sizeHover":{},"colorHover":{}},"markers":[{"lat":51.487397,"lang":-0.0304748,"title":"","description":"","icon":"","iconwidth":37,"iconheight":32,"isCustomIcon":true,"iconBox_icon":{"icon":{"font":"rhicon rhi-map-marker-alt","svg":"\u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 shape-rendering=\u0022geometricPrecision\u0022 text-rendering=\u0022geometricPrecision\u0022 image-rendering=\u0022optimizeQuality\u0022 fill-rule=\u0022evenodd\u0022 clip-rule=\u0022evenodd\u0022 viewBox=\u00220 0 451 512.426\u0022\u003e\u003cpath fill=\u0022#E21B1B\u0022 d=\u0022M56.642 62.995C247.606-69.013 263.461 191.827 451 28.702v266.205C272.131 455.746 231.954 196.302 56.642 328.37V62.995z\u0022/\u003e\u003cpath fill=\u0022#4F1A08\u0022 d=\u0022M57.161 62.944v386.537c8.162 6.463 13.394 16.446 13.394 27.664 0 19.486-15.794 35.281-35.28 35.281C15.79 512.426 0 496.631 0 477.145c0-11.888 5.88-22.404 14.89-28.793V64.073C5.88 57.684 0 47.168 0 35.28 0 15.795 15.79 0 35.275 0c19.486 0 35.28 15.795 35.28 35.28 0 11.218-5.232 21.202-13.394 27.664z\u0022/\u003e\u003c/svg\u003e","image":""},"fill":"currentColor","fillhover":"currentColor","type":"svg","iconSize":[37]},"dynamicEnable":false,"dynamicField":""}]} /-->
«
»