{"id":424,"date":"2026-03-21T01:45:30","date_gmt":"2026-03-20T16:45:30","guid":{"rendered":"https:\/\/gfb-migration-project.com\/?page_id=424"},"modified":"2026-04-13T22:57:41","modified_gmt":"2026-04-13T13:57:41","slug":"maps","status":"publish","type":"page","link":"https:\/\/gfb-migration-project.com\/en\/maps\/","title":{"rendered":"Grey-faced Buzzard Migration Map"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"424\" class=\"elementor elementor-424\">\n\t\t\t\t<div class=\"elementor-element elementor-element-572c5c7 e-flex e-con-boxed e-con e-parent\" data-id=\"572c5c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6a21c elementor-widget elementor-widget-shortcode\" data-id=\"1d6a21c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script>window.SASHIBA_CSV_URL = \"https:\/\/gfb-migration-project.com\/wp-content\/uploads\/2026\/04\/sashiba.csv\";<\/script><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/gfb-migration-project.com\/wp-content\/themes\/generatepress_child\/map\/css\/style.css\">\n\n<div class=\"full-map\">\n  <div id=\"map\"><\/div>\n\n  <div id=\"mapTitle\">Grey-faced Buzzard Migration Map<\/div>\n\n  <!-- \u518d\u751fUI -->\n  <div id=\"player\">\n    <button id=\"playBtn\">\n      <svg id=\"playIcon\" viewbox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <polygon points=\"6,4 20,12 6,20\"\/>\n      <\/svg>\n      <svg id=\"pauseIcon\" viewbox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\">\n        <rect x=\"5\" y=\"4\" width=\"4\" height=\"16\"\/>\n        <rect x=\"15\" y=\"4\" width=\"4\" height=\"16\"\/>\n      <\/svg>\n    <\/button>\n    <input type=\"range\" id=\"daySlider\" min=\"0\" max=\"0\" value=\"0\">\n    <span id=\"dateLabel\">----<\/span>\n  <\/div>\n\n  <div id=\"progressContainer\">\n    <div id=\"progressBar\"><\/div>\n  <\/div>\n\n  <!-- \u30bf\u30d6UI -->\n  <button id=\"panelToggle\">\n    <!-- \u958b\u304f\uff1a\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc -->\n    <svg id=\"menuIcon\" viewbox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <rect x=\"3\" y=\"5\" width=\"18\" height=\"2\"\/>\n      <rect x=\"3\" y=\"11\" width=\"18\" height=\"2\"\/>\n      <rect x=\"3\" y=\"17\" width=\"18\" height=\"2\"\/>\n    <\/svg>\n    <!-- \u9589\u3058\u308b\uff1a\u00d7 -->\n    <svg id=\"closeIcon\" viewbox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\">\n      <line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n      <line x1=\"20\" y1=\"4\" x2=\"4\" y2=\"20\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <\/svg>\n  <\/button>\n\n  <div id=\"tabPanel\">\n    <div class=\"tabBox\" id=\"seasonBox\">\n      <div class=\"tabTitle\">Year \/ Season<\/div>\n      <div id=\"seasonTabs\" class=\"tabList\"><\/div>\n    <\/div>\n\n    <div class=\"tabBox hidden\" id=\"individualBox\">\n      <div class=\"tabTitle\">Individuals<\/div>\n      <div id=\"individualTabs\" class=\"tabList\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u30d7\u30e9\u30b0\u30a4\u30f3\u4e92\u63db\u30e2\u30fc\u30c0\u30eb\uff08sashiba.css \/ sashiba.js \u304c\u305d\u306e\u307e\u307e\u5236\u5fa1\uff09 -->\n  <div class=\"sashiba-root\">\n    <div class=\"sb-modal-overlay\"\n         id=\"mapmodal_modal\"\n         onclick=\"sbCloseModalOverlay(event,'mapmodal')\">\n      <div class=\"sb-modal\">\n        <button class=\"sb-modal-close\" onclick=\"sbCloseModal('mapmodal')\">\u2715<\/button>\n        <div class=\"sb-modal-images\" id=\"mapmodal_modal_imgs\"><\/div>\n        <div class=\"sb-modal-body\"   id=\"mapmodal_modal_body\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <button id=\"helpBtn\">?<\/button>\n\n  <!-- \u30d8\u30eb\u30d7\u30e2\u30fc\u30c0\u30eb -->\n  <div id=\"helpOverlay\">\n    <div id=\"helpModal\">\n      <button id=\"helpClose\">\u00d7<\/button>\n      <h2>How to Use<\/h2>\n      <div class=\"help-section\">\n        <h3>\u2630 Tabs &amp; Filters<\/h3>\n        <ul>\n          <li>Open the panel from the menu button in the upper right corner<\/li>\n          <li>Start by selecting a <b>Year\/Season<\/b><\/li>\n          <li>Then select an <b>Individual<\/b> to display their migration route on the map.<\/li>\n          <li>Multiple individuals can be selected at once. To view detailed information on each individual, tap the (i) icon.<\/li>\n          <li>For some individuals, multiple Years\/Seasons can be displayed at the same time.<\/li>\n          <li>On mobile, tap the \u00d7 button to temporarily hide the panel.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"help-section\">\n        <h3>\u25b6\ufe0f Playback<\/h3>\n        <ul>\n          <li>Once you have selected individuals using the tabs\/filters, press \u25b6 to automatically play back their movements in chronological order.<\/li>\n          <li>Drag the slider to jump to a specific date.<\/li>\n          <li>Press \u23f8 to pause at any time.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"help-section\">\n        <h3>\ud83d\uddfa\ufe0f Map Controls<\/h3>\n        <ul>\n          <li>Drag to pan the map.<\/li>\n          <li>Scroll or pinch to zoom in and out.<\/li>\n          <li>The +\/\u2212 buttons in the bottom left can also be used to zoom.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"help-section\">\n        <h3>\ud83d\udd0d Migration Route Display<\/h3>\n        <ul>\n          <li>When zoomed in, migration routes are displayed as a 5 km mesh based on Ministry of the Environment data.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-424","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/gfb-migration-project.com\/en\/wp-json\/wp\/v2\/pages\/424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gfb-migration-project.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gfb-migration-project.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gfb-migration-project.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gfb-migration-project.com\/en\/wp-json\/wp\/v2\/comments?post=424"}],"version-history":[{"count":48,"href":"https:\/\/gfb-migration-project.com\/en\/wp-json\/wp\/v2\/pages\/424\/revisions"}],"predecessor-version":[{"id":1026,"href":"https:\/\/gfb-migration-project.com\/en\/wp-json\/wp\/v2\/pages\/424\/revisions\/1026"}],"wp:attachment":[{"href":"https:\/\/gfb-migration-project.com\/en\/wp-json\/wp\/v2\/media?parent=424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}