This release updates the embedded SDK and improves compatibility with newer WordPress versions.<\/p>","1.1.0":"
When upgrading to 1.1.0, you will need to recover content from the trip-steps' blocks because the content\nchanged. To do this, you just have to visit the editor page of the post where the trip is displayed, and click on the\nbutton to recover the content.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":4},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2136955,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3494272,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3494268,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"traveledmap\/embedded-trip-step-block":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"traveledmap\/embedded-trip-step-block","title":"Step scroll anchor","category":"traveledmap","icon":"location","example":{},"keywords":["Embedded Trip Step","Embed","Step","Trip","City","Place","Scroll","Anchor"],"attributes":{"tripStepsJson":{"type":"string","source":"meta","meta":"traveledmap_trip_steps"},"tripSteps":{"type":"string"},"location":{"type":"string"}},"textdomain":"trip-step-block","editorScript":"file:.\/index.js","editorStyle":"file:.\/editor.scss","style":"file:.\/style.scss"},"traveledmap\/embedded-trip-block":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"traveledmap\/embedded-trip-block","version":"0.1.0","title":"Embedded Trip","category":"traveledmap","icon":"location-alt","example":{},"keywords":["Embedded Map","TraveledMap","Traveled Map","Embedded","Embed"],"supports":{"html":false},"attributes":{"userId":{"type":"string","source":"meta","meta":"traveledmap_user_id"},"tripId":{"type":"string","source":"meta","meta":"traveledmap_trip_id"},"baseUrl":{"type":"string","source":"meta","meta":"traveledmap_trip_base_url"},"mapUrl":{"type":"string"},"showPopup":{"type":"boolean","default":true},"showPictures":{"type":"boolean","default":true},"showPicturesAtStart":{"type":"boolean","default":false},"isSticky":{"type":"boolean","default":true},"showOnPhones":{"type":"boolean","default":true},"showOnTablets":{"type":"boolean","default":true},"showOnLargeScreens":{"type":"boolean","default":true},"mapHeight":{"type":"string","default":"50%"},"standardMapHeight":{"type":"string","default":"30%"},"extendedMapHeight":{"type":"string","default":"60%"},"marginTop":{"type":"number","default":0},"showRoadDurationOrDistance":{"type":"boolean","default":false},"showOnlyFocusedRoadDurationOrDistance":{"type":"boolean","default":false}},"textdomain":"trip-block","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style.css","render":"file:.\/render.php"}},"tagged_versions":["1.0.0","1.0.1","1.0.10","1.0.11","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","1.0.8","1.0.9","1.1.0","1.1.1","1.1.2","1.1.3","1.2.0","1.2.1","1.3.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3495600,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3495600,"resolution":"10","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3495600,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3495600,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3495600,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3495600,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3495600,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3495600,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3495600,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3495600,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Example - Gutenberg Block or shortcode \/ global itinerary view: This plugin will help you to produce more interactive blog posts thanks to a map, moving along your trip's steps<\/strong> while user is reading the post.\nThe map can show your trip pictures<\/strong>, the steps name and is fully customizable to your needs:\nYou can either include a map thanks to a widget<\/strong>, that will be expandable on the screen depending on the options you specify, or\nthanks to a map that can be \"sticky\", i.e it will stay at the top of the screen while user reads the article.\nBy creating your trip on TraveledMap<\/a>, you will be\nable to create a brand new type of blog post in a few minutes !\nThe plugin is connected to TraveledMap Trip Itinerary<\/a>, which includes a free version for bloggers<\/strong>.\nA short demonstration video is worth a thousand words:<\/p>\n\n\n\n\n As explained above, this plugin aims to improve user experience<\/strong> by placing a map of your trip on your blog posts.\nOnce the plugin installed, you will have a new section on the right of the post editor, as explained in the\nConfiguration video<\/a><\/p>\n\n This section contains four fields:\n - User id<\/strong>: This is your TraveledMap user id\n - Trip id<\/strong>: This is the id of your trip, created on TraveledMap<\/a>\n - Disable widget<\/strong>: It allows to disable the widget on a specific page\n - Show markers customization<\/strong>: It allows to see the marker's icon, color and size instead of steps numbers<\/p>\n\n To get this data, go to the map edition page of TraveledMap, and click the link button, under the name of the trip you want to embed\nin your post. It will lead you to the \"Embed a trip\" page with the needed information.\nOnce you filled the two field, you need to validate in order to save and to check if the data is valid.\nThen don't forget to save the draft.<\/p>\n\n Once this step done, you will be able to have a map using either a widget or a standard map.<\/p>\n\n To use the widget, go to your admin widget management section and add the \"TraveledMap Trip\" widget.\nThe widget will include a map showing all the steps of your trip at first, then it will show the different cities or steps\nalong user's reading.\nYou can customise the widget using different options:<\/p>\n\n Note<\/strong> that the widget won't show if your blog post doesn't contain a trip id information (filled in the post editor).<\/p>\n\n If you don't want to use widget, that is the recommanded way to use this plugin for a better user experience, you can use the standard map.\nYou can place this map everywhere in your article thanks to a Block<\/strong> or a Shortcode<\/strong>. Its behavior is the same as the widget, it will move along the\nlocation you visited while users is reading your article.\nThere are multiple options to customize it.<\/p>\n\n In the \"Map content\" section:\n - Show steps name<\/strong>: You can decide if the name of your trip's steps will be shown by default or not. If not checked, steps will be shown only when the mouse\n is over the step marker, or the step currently scrolled.\n - Show pictures<\/strong>: You can decide that pictures will never be visible. If this option is not checked, the pictures will be visible only if users decide\n to expand the pictures panel, at the bottom of the map.\n - Show overview pictures<\/strong>: Overview pictures are the pictures you choose as the best pictures of your trip. You can decide to show them or not with this option.\n - Show roads duration or distance<\/strong>: Displays extra information on roads between steps when available for your account.\n - Show focused roads duration or distance<\/strong>: Displays road duration or distance only for the currently focused road.<\/p>\n\n In the \"Map settings\" section:\n - Map height<\/strong> can be defined in pixels (px) or percentage (%) of the screen's height. It will define the height of the map when it's not sticky.\n - Map is sticky<\/strong> will decide if the map sticks to the top of the screen while user scroll to read the blog post.\n - Show on phones<\/strong> will decide if the map will appear when a user is visiting the website with a mobile (width <= 576px).\n - Show on tablets<\/strong> will decide if the map will appear when a user is visiting the website with a tablet (576px > width <= 768px).\n - Show on larger screens<\/strong> will decide if the map will appear when a user is visiting the website with a larger screen than phone or tablet (> 768px).\n - Height of the map in its standard height<\/strong>: This is the height the map will take. Either you can specify a fixed height with pixels (e.g 300px)\n or you can specify a percentage relative to the screen height (e.g 40%).\n - Height of the map in its extended height<\/strong>: Users will be able to choose whether the map is hidden, in standard height or extended height. This option\n corresponds to the size of the expanded height, in pixels or percentage.\n - Top margin<\/strong>: As the widget margins, you may want to see space between the map and the top of the screen. This is the way to configure a space.\n The value is in pixels, but you have to omit the \"px\". For example use \"18\", NOT \"18px\"<\/p>\n\n When using shortcodes, make sure you use standard straight double quotes<\/strong> ( Shortcode example<\/strong>\n [embedded_trip show_popup=\"0\" show_pictures=\"1\" show_pictures_at_start=\"0\" map_height=\"60%\" is_sticky=\"1\" show_on_phones=\"1\" show_on_tablets=\"1\" show_on_large_screens=\"1\" standard_map_height=\"35%\" extended_map_height=\"70%\" margin_top=\"10\" show_road_duration_or_distance=\"0\" show_only_focused_road_duration_or_distance=\"0\"]<\/p>\n\n This step explains how the magic happens...\nA you can see in the video above, the map moves from step to step while scrolling the video.\nIn order to achieve these moves, you have to specify where your steps stands along your article. Don't worry it's easy to do.\nJust include a Embedded Trip step Block<\/strong> (search for Embedded trip step) or a Shortcode<\/strong> and choose the step in the list.\nIf you don't see any step in the list, please check that your trip has steps and that you pressed the \"Validate\" button in the editor's right column.<\/p>\n\n Shortcode example<\/strong>\n [embedded_trip_step location=\"vancouver\"]\nIf you're not using block but shortcode, you will have to use locations specified on the \"Embed a trip\" page, where you found\nyour user id and trip id.<\/p>\n\n Note<\/strong>: If your trip's steps are not well ordered, you can edit the order on the trip edition page.\nYou can access this page from the Share page<\/a> too.<\/p>\n\n The plugin connects to TraveledMap Trip Itinerary<\/a>, which includes a free version for bloggers<\/strong>.\nIf you need more advanced usage or higher traffic limits, you can learn more on the service page.<\/p>\n\n\n To create a trip, go to traveledmap.com trip editor<\/a> and follow the steps.\nIt's easy and it won't take time !\nIf you have a lot of trips to add and you don't want to spend time creating a map, contact us at contact@traveledmap.com<\/a><\/p><\/dd>\n To get the steps in this block, you have to validate your user id an trip id in the right column of the post edit, then save draft\nand finally add an Embedded trip step block. If you still have issues, please contact us.<\/p><\/dd>\n The most common cause is quote characters. WordPress shortcodes require standard straight double quotes ( Embedding trips on frequently visited sites and blogs has a cost. TraveledMap tool is totally free, that's why it seems\nreasonable to charge for those fees.\nThere is still a free version for bloggers on TraveledMap Trip Itinerary<\/a>.\nIf you think you can't handle this pricing, contact us at contact@traveledmap.com<\/a><\/p><\/dd>\n\n<\/dl>\n\n\n Conformed to WordPress best practices for developing blocks. Made it compatible with newer WordPress versions.<\/p>\n\n Added options for road duration and distance<\/p>\n\n Updated the embedded SDK to 1.0.8 which adds visual improvements and better UX\nImproved compatibility with newer WordPress versions\nUpdated the public documentation and shortcode guidance<\/p>","raw_excerpt":"Create interactive blog posts thanks to a map moving along your trip's steps while user reads. The map can be customized to fit your theme.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/107121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=107121"}],"author":[{"embeddable":true,"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/traveledmap"}],"wp:attachment":[{"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=107121"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=107121"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=107121"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=107121"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=107121"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/li.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=107121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\/assets\/example-1-block-global-map.png<\/code>","2":"Example - Gutenberg Block or shortcode \/ sticky map while reading: \/assets\/example-2-block-sticky-map.png<\/code>","3":"Example - Gutenberg Block or shortcode \/ pictures panel opened: \/assets\/example-3-block-show-pictures.png<\/code>","4":"Example - Gutenberg Block or shortcode \/ lock on the full itinerary: \/assets\/example-4-lock-global-itinerary.png<\/code>","5":"Example - Widget \/ default extendable state: \/assets\/example-5-extandable-widget.png<\/code>","6":"Example - Widget \/ extended state: \/assets\/example-6-extended-widget.png<\/code>","7":"Example - Widget \/ extended state with pictures: \/assets\/example-7-extended-widget-with-pictures.png<\/code>","8":"How to use - metabox: \/assets\/metabox.png<\/code>","9":"How to use - Standard map block: \/assets\/trip-block.png<\/code>","10":"How to use - Widget configuration: \/assets\/widget-config.png<\/code>"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[2909,214,249,173077,40087],"plugin_category":[49,50,56],"plugin_contributors":[173078],"plugin_business_model":[],"class_list":["post-107121","plugin","type-plugin","status-publish","hentry","plugin_tags-map","plugin_tags-pictures","plugin_tags-travel","plugin_tags-traveledmap","plugin_tags-trip","plugin_category-maps-and-location","plugin_category-media","plugin_category-social-and-sharing","plugin_contributors-traveledmap","plugin_committers-traveledmap"],"banners":{"banner":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/banner-772x250.png?rev=3494268","banner_2x":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/banner-1544x500.png?rev=3494272","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/icon-256x256.png?rev=2136955","icon_2x":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/icon-256x256.png?rev=2136955","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-1.png?rev=3495600","caption":"Example - Gutenberg Block or shortcode \/ global itinerary view: \/assets\/example-1-block-global-map.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-2.png?rev=3495600","caption":"Example - Gutenberg Block or shortcode \/ sticky map while reading: \/assets\/example-2-block-sticky-map.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-3.png?rev=3495600","caption":"Example - Gutenberg Block or shortcode \/ pictures panel opened: \/assets\/example-3-block-show-pictures.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-4.png?rev=3495600","caption":"Example - Gutenberg Block or shortcode \/ lock on the full itinerary: \/assets\/example-4-lock-global-itinerary.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-5.png?rev=3495600","caption":"Example - Widget \/ default extendable state: \/assets\/example-5-extandable-widget.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-6.png?rev=3495600","caption":"Example - Widget \/ extended state: \/assets\/example-6-extended-widget.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-7.png?rev=3495600","caption":"Example - Widget \/ extended state with pictures: \/assets\/example-7-extended-widget-with-pictures.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-8.png?rev=3495600","caption":"How to use - metabox: \/assets\/metabox.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-9.png?rev=3495600","caption":"How to use - Standard map block: \/assets\/trip-block.png<\/code>"},{"src":"https:\/\/ps.w.org\/traveledmap-trip-itinerary-embedded-map\/assets\/screenshot-10.png?rev=3495600","caption":"How to use - Widget configuration: \/assets\/widget-config.png<\/code>"}],"raw_content":"\nHow does it work ?<\/h3>\n\n
Use the widget<\/h3>\n\n
\n
use the Standard map<\/h3>\n\n
\"<\/code>) around attributes.\nSome editors or copy\/paste flows replace them with typographic quotes, which breaks shortcode parsing.<\/p>\n\nDefine when a step should show<\/h3>\n\n
Pricing<\/h3>\n\n
\n
How to create a trip?<\/h3><\/dt>\n
I don't see steps in the Embedded trip step block, what's wrong?<\/h3><\/dt>\n
My shortcode does not work after copy\/paste, why?<\/h3><\/dt>\n
\"<\/code>) around attributes.\nIf your editor replaced them with typographic quotes, retype them manually and the shortcode should work again.<\/p><\/dd>\nWhy do I have to pay?<\/h3><\/dt>\n
1.0.0<\/h4>\n\n
\n
1.0.1<\/h4>\n\n
\n
1.0.2<\/h4>\n\n
\n
1.0.3<\/h4>\n\n
\n
1.0.4<\/h4>\n\n
\n
1.0.5<\/h4>\n\n
\n
1.0.6<\/h4>\n\n
\n
1.0.7<\/h4>\n\n
\n
1.0.8<\/h4>\n\n
\n
1.0.9<\/h4>\n\n
\n
1.0.10<\/h4>\n\n
\n
1.0.10<\/h4>\n\n
\n
1.0.11<\/h4>\n\n
\n
1.1.0<\/h4>\n\n
\n
1.1.1<\/h4>\n\n
\n
1.1.1<\/h4>\n\n
\n
1.2.0<\/h4>\n\n
1.2.1<\/h4>\n\n
1.3.0<\/h4>\n\n