{"id":1620841,"date":"2020-05-13T14:21:18","date_gmt":"2020-05-13T14:21:18","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&p=1620841"},"modified":"2025-04-02T09:49:24","modified_gmt":"2025-04-02T09:49:24","slug":"displaying-a-simple-map","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/de\/course-lesson\/displaying-a-simple-map\/","title":{"rendered":"Displaying a Simple Map"},"content":{"rendered":"\n

Toolset lets you add maps with markers to any page. You can style the map and choose where to place markers. In this lesson we teach how to create a “static map” with one marker. Typically, you’ll include such maps on your “about us” or “contact us” pages.<\/p>\n\n\n\n

Follow these steps<\/h2>\n\n\n\n

To use the <\/span>Map <\/b>block, you first need to choose your map provider. You can start using it with <\/span>OpenStreetMap<\/b> right away, but if you choose <\/span>Google Maps<\/b> or <\/span>Azure Maps<\/b>,\u00a0 you\u2019ll need<\/span> to <\/a>register the API key first<\/span>.<\/span><\/p><\/div>\n\n\n\n

The Map<\/strong> block provides you with many options and ways to customize your maps. Use the options in the right sidebar to adjust all of the settings when you insert or edit a Map<\/strong> block.<\/p>\n\n\n

\n
\"Setting<\/a>
Setting up map options<\/div><\/figcaption><\/figure>\n<\/div>\n\n\n

Add a map marker<\/h3>\n\n\n\n

After inserting a Map<\/strong> block, you need to add markers to it by clicking the Add marker<\/strong> button.<\/p>\n\n\n

\n
\"Adding<\/a>
Adding the marker to the map<\/div><\/figcaption><\/figure>\n<\/div>\n\n\n

Now you can add the address to your marker. <\/p>\n\n\n

\n
\"Add<\/a>
Adding the address to the marker<\/div><\/figcaption><\/figure>\n<\/div>\n\n\n

You can set different options for each marker. This includes changing the marker icon, adding content displayed when hovering or clicking a marker, and more.<\/p>\n\n\n

\n
\"Marker<\/a>
Marker settings<\/div><\/figcaption><\/figure>\n<\/div>","protected":false},"author":4341,"featured_media":1645817,"template":"","related-lesson":[8423],"class_list":["post-1620841","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-maps"],"_links":{"self":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1620841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/users\/4341"}],"version-history":[{"count":7,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1620841\/revisions"}],"predecessor-version":[{"id":2803813,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1620841\/revisions\/2803813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/media\/1645817"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/media?parent=1620841"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/related-lesson?post=1620841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}