<!-- 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":""}]} /-->