{"id":994,"date":"2021-03-12T11:12:44","date_gmt":"2021-03-12T11:12:44","guid":{"rendered":"https:\/\/wearesmile.com\/help\/?post_type=ht_kb&#038;p=994"},"modified":"2021-03-12T11:12:48","modified_gmt":"2021-03-12T11:12:48","slug":"creating-and-embedding-maps-with-multiple-locations-in-hijack","status":"publish","type":"ht_kb","link":"https:\/\/wearesmile.com\/help\/documentation\/creating-and-embedding-maps-with-multiple-locations-in-hijack\/","title":{"rendered":"Creating and Embedding Maps with Multiple Locations in Hijack"},"content":{"rendered":"\n<p>A Hijack Chapter&#8217;s &#8216;Map&#8217; tab allows the embedding of a map specifying one location. But what if you need to point your visitors to several locations? <\/p>\n\n\n\n<p>This can be achieved using a combination of Hijack&#8217;s <em>Custom Options<\/em> and Google Maps&#8217; nifty <em>Your Places<\/em> feature.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating your custom map<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/wearesmile.com\/help\/wp-content\/uploads\/sites\/3\/2021\/03\/CreatingCustomGoogleMap.mov\"><\/video><figcaption>Creating a Custom Google Map<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>Make sure you are logged into your Google account<\/li><li>Visit https:\/\/www.google.com\/maps\/<\/li><li>Open the extended menu and find the &#8216;Your places&#8217; section<\/li><li>Click on the &#8216;Maps&#8217; tab and select &#8216;Create Map&#8217; at the bottom of the window<\/li><li>A new window will open. You can name your map, add a description and start to search for locations to add to your map. Alternatively, use the pin dropper to save more specific locations.<\/li><li>Once finished, you&#8217;ll need to &#8216;Share&#8217; your map so that it can be embedded. Most commonly, you&#8217;ll want to share it publicly so that anyone on the internet can access<\/li><li>Finally, use the extended menu to find the &#8217;embed on my site&#8217; option. This will provide you with the URL you&#8217;ll need to input in the Hijack Settings.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/wearesmile.com\/help\/wp-content\/uploads\/sites\/3\/2021\/03\/SharingAndEmbedding.mov\"><\/video><figcaption>Sharing and Obtaining the Embed Link<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Using the Custom Options to embed your map into your Hijack Chapter<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Make sure the &#8216;Custom Options&#8217; tab is enabled in the Chapter Options.<\/li><li>Navigate to the &#8216;Custom Options&#8217; tab<\/li><li>Give your tab a title<\/li><li>Paste in the URL for your custom Google Map into the iframe URL field. You don&#8217;t need the iframe tags or size settings, only the URL.<\/li><li>Update your Chapter and view your Hijack to make sure everything works as expected.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/wearesmile.com\/help\/wp-content\/uploads\/sites\/3\/2021\/03\/Screen-Recording-2021-03-12-at-11.11.00.mov\"><\/video><figcaption>Using Custom Options to embed the map<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A Hijack Chapter&#8217;s &#8216;Map&#8217; tab allows the embedding of a map specifying one location. But what if you need to point your visitors to several locations? This can be achieved using a combination of Hijack&#8217;s Custom Options and Google Maps&#8217; nifty Your Places feature. Creating your custom map Make sure&#8230;<\/p>\n","protected":false},"author":5,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_searchwp_excluded":"","footnotes":""},"ht-kb-category":[90],"ht-kb-tag":[],"class_list":["post-994","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-hijack"],"_links":{"self":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/comments?post=994"}],"version-history":[{"count":1,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/994\/revisions"}],"predecessor-version":[{"id":1001,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/994\/revisions\/1001"}],"wp:attachment":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/media?parent=994"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb-category?post=994"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb-tag?post=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}