{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/tutorial/change-default-locations/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"Change default locations","slug":"change-default-locations","updated":"2020-03-03T00:00:00.000Z","category":"tutorial-branding","ingress":"Change the list of default locations that show up when using the location search component.","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you make a location search, you notice that there are some default\nlocations suggested:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/c5c0e/default-search-locations.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 55.9748427672956%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAACrUlEQVQoz32Q20/SARiGfysPpV5Uiqekw1prTRBtHkBQK5eVOvFUpoHKMJSMkurCpIO2FYcEMa3r/oH+mbbqwrZaIvoDKugAKOLTJHVe9W7P3rtn3/cKyY0ky+FFxICIz7eEP+Aj+HuFtcQqm4knYqyvJdlYh8TqOmzw3wjJZJJfq2EikTD+JT+B7yLh1W9skOT7nyALgfcsLH3gk/8jH76847O4wMpPH8uRxR1WIj784a9EYj8QEokEoUAIURQJfQsRDIYIiEFWlkUG31ygxn2IxvljnJ2TplrjLUTpzkPlkaDabHce6pkCFM79PHhrRIjH49gmJjCbzVgsFiyWW1itVu5Z76GZPMoZTw4qd/6WJJ9yZzZyewZye+YOZfZ9nHYItD6tRIjFYgzfHEXb1U2/wcCI2UyvXkfn1atU2w5T+1LC2dkjqGcKqZ8tocadi8KxPyUud2alqHDmIHelcXlyS2gcNtLa2UrfQB8Dxn7ae9rRdrVTNVGYEqo9hdR5i9F4iyhz7NsSZu10uSObshfpqO+f+vfymNXMdX0nQyY9Q6Z+jCYdBqMO9WMp1TMH0MwUpTbb7M3Xd0TbOLKRudJoeqRAiMaiDN7o5VLbebRXLtLafQ5tzwW0V5qoeViEajaPBq+Uhllp6srq6YO7Ltsmm1LXXlqmKhGi0SiGkV66rjVz3dCB3tRGR995WjrqqLEVoPTmoprOR+MpQjktoex5Zkqwmwp7DjJnGi1TVQjxWBzdQBvqplLGp8awe58wPTfFM5eNuuclqF7nUv+qmPrXxdTOS5C5M5C705G92Jui1LUHhTuT0x6BS08V/zbU6dqQVx9H29PC4HAfptF+Hj65S+NoKRWjEipG8ik3F6C0SKk3l3DuzkmaxhU0jstonqxCefsEyrHj6G0d/AXWFQ16Chl1QAAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/82e29/default-search-locations.webp 159w","/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/ef33f/default-search-locations.webp 318w","/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/f1837/default-search-locations.webp 635w","/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/5ec86/default-search-locations.webp 702w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/8b9b5/default-search-locations.png 159w","/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/fa108/default-search-locations.png 318w","/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/53fb6/default-search-locations.png 635w","/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/c5c0e/default-search-locations.png 702w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/7f6532aa40a8ce83aae1acaa6281f95d/53fb6/default-search-locations.png","alt":"Default search locations component rendered","title":"Default search locations component rendered","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"These default locations improve UX since users don't need to type\nanything and they guide users to the most popular locations in your\nmarketplace."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We want to change those since our CottageDays marketplace operates in\ndifferent locations than Saunatime. Let's change the first suggestion:\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"\"Helsinki, Finland\""}]},{"type":"text","value":" to "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"\"Auckland, New Zealand\""}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"change-default-location-searchesjs","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#change-default-location-searchesjs","ariaLabel":"change default location searchesjs permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Change default-location-searches.js"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The component, that actually makes geocoding calls to the map providers\ngeocoding API, is called "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"LocationAutocompleteInput"}]},{"type":"text","value":". However, the\ndefault locations are actually set in a file called\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"default-location-searches.js"}]},{"type":"text","value":":"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"shell"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-shell"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-shell"]},"children":[{"type":"text","value":"└── src\n    └── default-location-searches.js"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"extrainfo","properties":{"title":"FTW-product has moved config files into a different location"},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"shell"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-shell"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-shell"]},"children":[{"type":"text","value":"└── src\n    └── config\n        └── marketplace-custom-config.js"}]}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In that file use see those locations listed inside an array returned as\ndefault export:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"js"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"export"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"default"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"["}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"id"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'default-helsinki'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"predictionPlace"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n      "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"address"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'Helsinki, Finland'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n      "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"bounds"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"new"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","class-name"]},"children":[{"type":"text","value":"LatLngBounds"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"("}]},{"type":"text","value":"\n        "},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"new"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","class-name"]},"children":[{"type":"text","value":"LatLng"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"("}]},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"60.29783"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"25.25448"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":")"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n        "},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"new"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","class-name"]},"children":[{"type":"text","value":"LatLng"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"("}]},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"59.92248"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"24.78287"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":")"}]},{"type":"text","value":"\n      "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":")"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","comment"]},"children":[{"type":"text","value":"// the rest of the default locations."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"]"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":";"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There are two strings ("},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"id"}]},{"type":"text","value":" and "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"address"}]},{"type":"text","value":") that are pretty easy to\nchange, but it also contains a "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"bounds"}]},{"type":"text","value":" object. This bounds object\ncontains two LatLng coordinates (NE, and SW) which create a bounding box\nfor the area that will be shown on the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"SearchMap"}]},{"type":"text","value":" component."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/559d6/find-bounds-for-auckland.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 16.9811320754717%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADCAYAAACTWi8uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuElEQVQI1yWKbWuDMACE/YMFdfOFRelklEH/c61h3Uzi2iZR65CyZzT7cNw9dxeJakslGppmx+59T1m/8VxsSbKKTVqQ5IIkr4hzQVrWpEUVuqdHLmvi7IU4E2TiNXyi+TYjTcvp80R7aOlkhxyOfLuBZflhus2Yq0Fpg1IaYwZ6pYK0NoGV1nz1PdZ5IoDef3C+nJGdpD0eArvl8pi4/97xy5XRj3jnGMd/d9ZirWWaJrz3Ia/ryh+3Tr/pwgMSiAAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/82e29/find-bounds-for-auckland.webp 159w","/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/ef33f/find-bounds-for-auckland.webp 318w","/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/f1837/find-bounds-for-auckland.webp 635w","/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/f430e/find-bounds-for-auckland.webp 643w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/8b9b5/find-bounds-for-auckland.png 159w","/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/fa108/find-bounds-for-auckland.png 318w","/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/53fb6/find-bounds-for-auckland.png 635w","/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/559d6/find-bounds-for-auckland.png 643w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/1ffcb3c3fce2bf29e445b47b867ad645/53fb6/find-bounds-for-auckland.png","alt":"Find bounds for Auckland","title":"Find bounds for Auckland","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you search for Auckland and check the URL it generates, you find the\nvalue of "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"bounds"}]},{"type":"text","value":" parameter from there too. It should be something\nlike "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"-36.685119%2C175.228302%2C-36.960217%2C174.658896"}]},{"type":"text","value":" and when you\nURL decode that string it gives\n"},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"-36.685119,175.228302,-36.960217,174.658896"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The first two values are the north-east corner of the search area (aka\nbounding box) and the last two coordinates are south-west corner. The\nmap component will find a zoom-level that fits the specified bounding\nbox inside its current viewport. So, it actually shows a little bit\nbigger area than what the bounding box states."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In the next screenshot, the search map has a narrow aspect ratio.\nTherefore, the bounding box for Auckland takes the whole width, but not\nthe whole height:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 455px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/f72c81ff2ec3bb72a6388c673b1daa33/24dba/corners-of-bounding-box.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 154.71698113207546%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAfCAYAAADnTu3OAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGSUlEQVRIx42V63MT1xmH93/tt2QKRr5gbAeCU5KaFlIuoU3awJCZkCa0MQklOKHGxjckS7vSru7S7mrv0kram2xoOtOZp7Mrk7ofOs2H37xnzu48572eI8RDg52WyY2SxZ2SweKhz3kpYk4MmZN+nmaliAvimPNigBD4BuMw4qNmxGw5YUWOWSxHzJVj5n+G0v8WpIhlcZythbHv4UcJa0rAjBhxvhwxnwKl/695aXrwBTFgMfM2RjgeqIiWy3w5mf5UPiUpPoHHJ3unPDsFTD1cSj1MgYlZ48+KQU4MWSjHnJNizopH5KQJc+WI3CnoFHwC+8lOoSnwvBQidDoy6zWdc6WAs2LCe0rAJy2VtZrDUjlmrRr8BH2TitPQzEsxYkEKM6hg9RrUGy3WuyPuNEM2exb3OiIXZZM5acI7lfA/IUv/Dc1gUkxOeTUtqDhCGD//nsbwkH1D5i/diHkxJCcmzIoJ8yctMf8/lIIXSmMu/73BfClgRjlGCOQ8+6NvuKsVmZUTZipHzMoTZuUjcvJRZt8od1qVI3LKcQa+/sUGN7/e5sxGFeGVrjCSdwiaRb44lFh+rrG63eHyVofL211WT+yldL3dzdbZt60Tu91h5cDhwZ27/DDzFsJ46zGRUeFfZo2HssHcrs3FfYt3TrSS2gOLq3mT5X2blUwWKwdT++afdMJW8h6CL+3ixx4/jjQe6gFvSUfMyxNylQlnKsdZeO/XEy5Up3uzlQlz8lRpGtIUpftnyxNmxQihvPkEw6/irX9GtdNgvpKQEyMWKzGr0ogHVZdCx+BSaZgVIZ2mX4rTfk2n6kI54gfNY7/nTKvcPnhGrd8htlv0HY0r9QkLh2Netg28noqqamy0XWaKER83RjzVBjzqDLilDLldG+G5Jk3L5MtWn4vSCOHR1iFV3+ZV1KBl9fhG9VmSxnzb8qibFjerI5Yr6YzH3KqNeNjxeaG6tNU2Rq9LYnc50G3eFpPsxhE+2FC41nRZV3VuVYc80CJuNAJ+UZhwpjQdt+VyyLuVIEvFOTHishyyZ7i0bTNTvudwsRJmKRJ+80zm7eqPfLQl8u2LHdY2DlnbkvmqM+TT5oBlaci5UkxOSsilF0glyUY0vRBSyDVlxK/kgCfqgA9lH+HL5wWebh/gVp7jNg5R5TylVpV/xj3ansM1xec9ZczC4ZDVYp+lwoBL0ig7YFaKOSPGrMohlmtyteIjVA6L9A9e8NrTOD6OSMIOk2EXP9D4m9ZHsk0s3+a3RYebBZl6K49t6txuDpmVxixklQ6zSmcevlb2SF6NOB7UCe0GbuQw3NpA29vhwJ9g+x2OxxbPjBHfGT7ByOL10KTpqFyo+JyRjnhXiZkpTzhbDBH+uPmS692Eew2LTxoGW90OnzeHdA2dfcMiCEaEvo7cbqL3ukQDg3igY7g27ysxt+Uul0sadxWXj2UX4f7V3/Hrv+5yZbPNn14UaBefEJZ3MWu7+OVtJvUCY3kHr/CcfnGbSS1PXH1JWyphSHmGhU3UvWc4LzcZ7z9F+Pr3n3L/D58xVztmR28z8dpYZosjt8nrfpdx2GE47jEZWCRDC0dv0mpV8SyVI98gHBhEfY3INwg8HWGx/poPH3zHlccF7nfGFFWX9U4PyxX5R9DHEjewOgWiscO4r+FZXbpdGdfsEqaQfg/fURm6arYWltIpyPeZL405KyWcF6cX5/V6DytwSV5uktRL+IGJ72pMRjaTsU0wMBl5+glQwzVaeGYb4bZosnroZA9U2gKpZqQkG/rP230eaj5NW2U00AkHVhZiqsnQoGlbGI6Jb6WwFn2rhfBB2Wep6GegtFHTWyR96PcMj71en0dtj0JZQm0qOEabyDcJ+gaW3sKxNWxHp6zqeK6G76oIS8okG6k03CtKwHp3gGLZJINeFpbR98jrJpN+l2BgZcDUQ8/s4rs6LUOj0i6xX/2e3UYF4UZtnD2hi1JAyXIxPAfH0tA7tSxHg4FO5LXw1x8QeXpWiBSYVjz0p3k1dRnbriOpCsJOrc29fINtSWFkdfD6qRdpi9gEvkrst3CNNj2liKPWCNI2OcljlMlk6GgY3SpaQ0IwTI2v9kQ29w54LHdoWSZxevrAzHor9tOW0LPwArORAcNTGqXfnG4GbNUk/g0PvShfDlGY3wAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/f72c81ff2ec3bb72a6388c673b1daa33/82e29/corners-of-bounding-box.webp 159w","/docs/legacy/static/f72c81ff2ec3bb72a6388c673b1daa33/ef33f/corners-of-bounding-box.webp 318w","/docs/legacy/static/f72c81ff2ec3bb72a6388c673b1daa33/7b99b/corners-of-bounding-box.webp 455w"],"sizes":"(max-width: 455px) 100vw, 455px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/f72c81ff2ec3bb72a6388c673b1daa33/8b9b5/corners-of-bounding-box.png 159w","/docs/legacy/static/f72c81ff2ec3bb72a6388c673b1daa33/fa108/corners-of-bounding-box.png 318w","/docs/legacy/static/f72c81ff2ec3bb72a6388c673b1daa33/24dba/corners-of-bounding-box.png 455w"],"sizes":"(max-width: 455px) 100vw, 455px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/f72c81ff2ec3bb72a6388c673b1daa33/24dba/corners-of-bounding-box.png","alt":"Bounding box vs the viewport of map","title":"Bounding box vs the viewport of map","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We could manually change this bounding box a bit. Let's use "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"-36.545,\n175.298"}]},{"type":"text","value":" for "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"NE"}]},{"type":"text","value":" and "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"-37.047, 174.498"}]},{"type":"text","value":" for "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"SW"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Then we can just change the first default location (previously Helsinki)\nto point to Auckland:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"js"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"id"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'default-auckland'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"predictionPlace"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"address"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'Auckland, New Zealand'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"bounds"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"new"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","class-name"]},"children":[{"type":"text","value":"LatLngBounds"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"("}]},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"new"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","class-name"]},"children":[{"type":"text","value":"LatLng"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"("}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"-"}]},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"36.545"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"175.298"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":")"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"new"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","class-name"]},"children":[{"type":"text","value":"LatLng"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"("}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"-"}]},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"37.047"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"174.498"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":")"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":")"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The result should look like this:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 436px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/e615d250303bb5ebb545d6e1ae6036fc/c70e6/auckland-in-default-locations.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 85.53459119496854%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB/UlEQVQ4y5WSyU7bYBSF/w0USMoQaAYQcyEbQgiUABmYh4rCmjcAtrwCrZTRdsgk8QSEBc/DphuagIRAou2iQsL2QfeauhFVgmPr0/0tWeeee/4rdF0HvZqmodbD/1hEQAce/tzj++0lKuUKrm+ucXd/h3KljKsfV/j1+ye1g6qp0PQ30FQI0wYZfHpBB6AC6qNunBt4xNHFHvbPtnFY2sFB6QuzX9rmeni+wxyULHBmVBGI2+D9JuCPt2Iy3sLVH2/DVMLGdfyrwFg1x/URUaUXwXQXwoob0UwvIhkPs3TSj2imD4GkHf6XRoGEDdPJ95hO2msiwrKLDyHFhZDsxIL8AfNSNzeYk7oRUdxGE8XNjWmKqURbTURIduFTqgPr+RGs5oaxnh/F4kkff69kB7GaG8JW0YvNwhg3nIy9qy8Ylt18WJCdLDyb6mS3c5IDM8l2+GLNmIg1MX/d0fh1BF2cy0Z+lB3RqORyLT/C4/teOaonViVox7zUw+4oJ3JG41GGRIBvvLUxwa3iuJlVRPFgLTeMz0Uv51ot+BZmhuSQRg+mHeyKKmVG2Vl1ZzqcSbWzO9q95Ww/57dR+IjZdGdDYqYgLS9dAAlQhnTD5JIcWxX6t4eSE0HJgd1TH+e1nB3AZsHI08oi/ycYkT2cE+0brYhBM+O3sHevBZ8B9Anut4if2/AAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/e615d250303bb5ebb545d6e1ae6036fc/82e29/auckland-in-default-locations.webp 159w","/docs/legacy/static/e615d250303bb5ebb545d6e1ae6036fc/ef33f/auckland-in-default-locations.webp 318w","/docs/legacy/static/e615d250303bb5ebb545d6e1ae6036fc/f2ff0/auckland-in-default-locations.webp 436w"],"sizes":"(max-width: 436px) 100vw, 436px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/e615d250303bb5ebb545d6e1ae6036fc/8b9b5/auckland-in-default-locations.png 159w","/docs/legacy/static/e615d250303bb5ebb545d6e1ae6036fc/fa108/auckland-in-default-locations.png 318w","/docs/legacy/static/e615d250303bb5ebb545d6e1ae6036fc/c70e6/auckland-in-default-locations.png 436w"],"sizes":"(max-width: 436px) 100vw, 436px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/e615d250303bb5ebb545d6e1ae6036fc/c70e6/auckland-in-default-locations.png","alt":"Auckland in default locations","title":"Auckland in default locations","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can change the other locations in a similar fashion."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"other-hard-coded-links-with-a-location-search","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#other-hard-coded-links-with-a-location-search","ariaLabel":"other hard coded links with a location search permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Other hard-coded links with a location search"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"There are hard-coded links to search page from other components too.\nCheck at least these:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Footer"}]},{"type":"text","value":" component"}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"extrainfo","properties":{"title":"Extra: adjust locations listed in Footer component"},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"shell"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-shell"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-shell"]},"children":[{"type":"text","value":"└── src\n    └── components\n        └── Footer\n            └── Footer.js"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Footer"}]},{"type":"text","value":" has hard-coded links to the search page. These links use\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"NamedLink"}]},{"type":"text","value":" component, which just gets the full list of "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"search"}]},{"type":"text","value":"\nparams:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"js"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"<"}]},{"type":"text","value":"NamedLink\n  name"},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"="}]},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"\"SearchPage\""}]},{"type":"text","value":"\n  to"},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"="}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"search"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":"\n      "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'?address=Helsinki%2C%20Finland&bounds=60.2978389%2C25.254484899999966%2C59.9224887%2C24.782875800000056&origin=60.16985569999999%2C24.93837910000002'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]},{"type":"text","value":"\n  className"},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"="}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"css"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"link"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":">"}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"<"}]},{"type":"text","value":"FormattedMessage id"},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"="}]},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"\"Footer.searchHelsinki\""}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"/"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":">"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"<"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"/"}]},{"type":"text","value":"NamedLink"},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":">"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"blockquote","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Note"}]},{"type":"text","value":": origin is an unnecessary search parameter with the default\nconfiguration of FTW templates."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You also need to create a new microcopy key. E.g.\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"'Footer.searchAuckland'"}]},{"type":"text","value":" and add it to the microcopy file."}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"SectionLocations"}]},{"type":"text","value":" component (used on landing page)"}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"extrainfo","properties":{"title":"Extra: adjust locations listed in SectionLocations component"},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"shell"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-shell"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-shell"]},"children":[{"type":"text","value":"└── src\n    └── components\n        └── SectionLocations\n            └── SectionLocations.js"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"SectionLocations"}]},{"type":"text","value":" component has hard-coded links to the search page.\nThese links use "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"NamedLink"}]},{"type":"text","value":" component through a helper function\n("},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"locationLink"}]},{"type":"text","value":"):"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"js"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","function"]},"children":[{"type":"text","value":"locationLink"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"("}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'Helsinki'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n    helsinkiImage"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'?address=Helsinki%2C%20Finland&bounds=60.2978389%2C25.254484899999966%2C59.9224887%2C24.782875800000056&origin=60.16985569999999%2C24.93837910000002'"}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":")"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":";"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This section also needs new images:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"js"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"span","properties":{"className":["token","comment"]},"children":[{"type":"text","value":"// Remove the current (helsinki) image:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","comment"]},"children":[{"type":"text","value":"// import helsinkiImage from './images/location_helsinki.jpg';"}]},{"type":"text","value":"\n\n"},{"type":"element","tagName":"span","properties":{"className":["token","comment"]},"children":[{"type":"text","value":"// Find a new image and save it with dimensions: 648x448"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"import"}]},{"type":"text","value":" aucklandImage "},{"type":"element","tagName":"span","properties":{"className":["token","keyword"]},"children":[{"type":"text","value":"from"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'./images/location_auckland.jpg'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":";"}]}]}]}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"On search page, you can use different kind of filters. In the next\narticle you learn how to update the options for amenities filter."},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/tutorial/customize-amenities-filter/"},"children":[{"type":"text","value":"› Go to the next article"}]}]}],"data":{"quirksMode":false}},"headings":[{"value":"Change default-location-searches.js","depth":2},{"value":"Other hard-coded links with a location search","depth":2}]}},"pageContext":{"slug":"change-default-locations","category":"tutorial-branding"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}