[{"data":1,"prerenderedAt":527},["ShallowReactive",2],{"docs-page-\u002Fexamples\u002Felevation-profile-colours":3,"docs-navigation":422,"docs-surroundings-\u002Fexamples\u002Felevation-profile-colours":524},{"id":4,"title":5,"body":6,"description":414,"extension":415,"meta":416,"navigation":417,"path":418,"seo":419,"stem":420,"__hash__":421},"docs\u002Fexamples\u002Felevation-profile-colours.md","Elevation Profile Colours",{"type":7,"value":8,"toc":412},"minimark",[9,19,30,33,286,289,403,408],[10,11,12,13,18],"p",{},"Ensure the elevation profile is set to display; either in ",[14,15,17],"a",{"href":16},"\u002Fcustomising\u002Fsettings\u002F","Settings",", or through the Shortcode:",[20,21,26],"pre",{"className":22,"code":24,"language":25},[23],"language-text","Waymark map_id=\"1647\" show_elevation=\"1\"\n","text",[27,28,24],"code",{"__ignoreMap":29},"",[10,31,32],{},"The following CSS illustrates how to target different elements:",[20,34,38],{"className":35,"code":36,"language":37,"meta":29,"style":29},"language-css shiki shiki-themes github-light github-dark","div.waymark-container .elevation-control.elevation .axis text {\n  fill: red !important;\n}\ndiv.waymark-container .elevation-control.elevation .axis path,\ndiv.waymark-container .elevation-control.elevation .axis line {\n  stroke: green !important;\n}\ndiv.waymark-container .elevation-control.elevation .grid .tick line {\n  stroke: blue !important;\n}\ndiv.waymark-container .elevation-control.elevation .background {\n  background-color: pink !important;\n}\ndiv.waymark-container .waymark-elevation .elevation-control.elevation .area {\n  fill: purple !important;\n}\ndiv.waymark-elevation-container .elevation-control.elevation .area {\n  stroke: orange !important;\n}\n","css",[27,39,40,66,86,92,109,125,140,145,164,178,183,197,212,217,234,248,253,267,281],{"__ignoreMap":29},[41,42,45,49,53,56,59,62],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"s9eBZ","div",[41,50,52],{"class":51},"sScJk",".waymark-container",[41,54,55],{"class":51}," .elevation-control.elevation",[41,57,58],{"class":51}," .axis",[41,60,61],{"class":47}," text",[41,63,65],{"class":64},"sVt8B"," {\n",[41,67,69,73,76,79,83],{"class":43,"line":68},2,[41,70,72],{"class":71},"sj4cs","  fill",[41,74,75],{"class":64},": ",[41,77,78],{"class":71},"red",[41,80,82],{"class":81},"szBVR"," !important",[41,84,85],{"class":64},";\n",[41,87,89],{"class":43,"line":88},3,[41,90,91],{"class":64},"}\n",[41,93,95,97,99,101,103,106],{"class":43,"line":94},4,[41,96,48],{"class":47},[41,98,52],{"class":51},[41,100,55],{"class":51},[41,102,58],{"class":51},[41,104,105],{"class":47}," path",[41,107,108],{"class":64},",\n",[41,110,112,114,116,118,120,123],{"class":43,"line":111},5,[41,113,48],{"class":47},[41,115,52],{"class":51},[41,117,55],{"class":51},[41,119,58],{"class":51},[41,121,122],{"class":47}," line",[41,124,65],{"class":64},[41,126,128,131,133,136,138],{"class":43,"line":127},6,[41,129,130],{"class":71},"  stroke",[41,132,75],{"class":64},[41,134,135],{"class":71},"green",[41,137,82],{"class":81},[41,139,85],{"class":64},[41,141,143],{"class":43,"line":142},7,[41,144,91],{"class":64},[41,146,148,150,152,154,157,160,162],{"class":43,"line":147},8,[41,149,48],{"class":47},[41,151,52],{"class":51},[41,153,55],{"class":51},[41,155,156],{"class":51}," .grid",[41,158,159],{"class":51}," .tick",[41,161,122],{"class":47},[41,163,65],{"class":64},[41,165,167,169,171,174,176],{"class":43,"line":166},9,[41,168,130],{"class":71},[41,170,75],{"class":64},[41,172,173],{"class":71},"blue",[41,175,82],{"class":81},[41,177,85],{"class":64},[41,179,181],{"class":43,"line":180},10,[41,182,91],{"class":64},[41,184,186,188,190,192,195],{"class":43,"line":185},11,[41,187,48],{"class":47},[41,189,52],{"class":51},[41,191,55],{"class":51},[41,193,194],{"class":51}," .background",[41,196,65],{"class":64},[41,198,200,203,205,208,210],{"class":43,"line":199},12,[41,201,202],{"class":71},"  background-color",[41,204,75],{"class":64},[41,206,207],{"class":71},"pink",[41,209,82],{"class":81},[41,211,85],{"class":64},[41,213,215],{"class":43,"line":214},13,[41,216,91],{"class":64},[41,218,220,222,224,227,229,232],{"class":43,"line":219},14,[41,221,48],{"class":47},[41,223,52],{"class":51},[41,225,226],{"class":51}," .waymark-elevation",[41,228,55],{"class":51},[41,230,231],{"class":51}," .area",[41,233,65],{"class":64},[41,235,237,239,241,244,246],{"class":43,"line":236},15,[41,238,72],{"class":71},[41,240,75],{"class":64},[41,242,243],{"class":71},"purple",[41,245,82],{"class":81},[41,247,85],{"class":64},[41,249,251],{"class":43,"line":250},16,[41,252,91],{"class":64},[41,254,256,258,261,263,265],{"class":43,"line":255},17,[41,257,48],{"class":47},[41,259,260],{"class":51},".waymark-elevation-container",[41,262,55],{"class":51},[41,264,231],{"class":51},[41,266,65],{"class":64},[41,268,270,272,274,277,279],{"class":43,"line":269},18,[41,271,130],{"class":71},[41,273,75],{"class":64},[41,275,276],{"class":71},"orange",[41,278,82],{"class":81},[41,280,85],{"class":64},[41,282,284],{"class":43,"line":283},19,[41,285,91],{"class":64},[10,287,288],{},"Lines with active Elevation Profiles have a white border around them, this is white by default and can be changed like so:",[20,290,292],{"className":35,"code":291,"language":37,"meta":29,"style":29},"div.waymark-container .elevation-polyline {\n  filter: drop-shadow(1px 1px 0 orange) drop-shadow(-1px -1px 0 orange)\n    drop-shadow(1px -1px 0 orange) drop-shadow(-1px 1px 0 orange);\n}\n",[27,293,294,305,359,399],{"__ignoreMap":29},[41,295,296,298,300,303],{"class":43,"line":44},[41,297,48],{"class":47},[41,299,52],{"class":51},[41,301,302],{"class":51}," .elevation-polyline",[41,304,65],{"class":64},[41,306,307,310,312,315,318,321,324,327,329,332,335,338,340,342,345,347,350,352,354,356],{"class":43,"line":68},[41,308,309],{"class":71},"  filter",[41,311,75],{"class":64},[41,313,314],{"class":71},"drop-shadow",[41,316,317],{"class":64},"(",[41,319,320],{"class":71},"1",[41,322,323],{"class":81},"px",[41,325,326],{"class":71}," 1",[41,328,323],{"class":81},[41,330,331],{"class":71}," 0",[41,333,334],{"class":71}," orange",[41,336,337],{"class":64},") ",[41,339,314],{"class":71},[41,341,317],{"class":64},[41,343,344],{"class":71},"-1",[41,346,323],{"class":81},[41,348,349],{"class":71}," -1",[41,351,323],{"class":81},[41,353,331],{"class":71},[41,355,334],{"class":71},[41,357,358],{"class":64},")\n",[41,360,361,364,366,368,370,372,374,376,378,380,382,384,386,388,390,392,394,396],{"class":43,"line":88},[41,362,363],{"class":71},"    drop-shadow",[41,365,317],{"class":64},[41,367,320],{"class":71},[41,369,323],{"class":81},[41,371,349],{"class":71},[41,373,323],{"class":81},[41,375,331],{"class":71},[41,377,334],{"class":71},[41,379,337],{"class":64},[41,381,314],{"class":71},[41,383,317],{"class":64},[41,385,344],{"class":71},[41,387,323],{"class":81},[41,389,326],{"class":71},[41,391,323],{"class":81},[41,393,331],{"class":71},[41,395,334],{"class":71},[41,397,398],{"class":64},");\n",[41,400,401],{"class":43,"line":94},[41,402,91],{"class":64},[404,405],"map-demo",{"demo":406,"height":407},"elevation-profile-colours",640,[409,410,411],"style",{},"html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":29,"searchDepth":68,"depth":88,"links":413},[],"You can adjust the elevation profile colours with CSS.","md",{},true,"\u002Fexamples\u002Felevation-profile-colours",{"title":5,"description":414},"examples\u002Felevation-profile-colours","C5A7QN6O-G_GQKv3ewdLmzmJ-etwWl59hUfbUjzJmHc",[423,442,459,495,505,509],{"title":424,"path":425,"stem":426,"children":427},"Advanced","\u002Fadvanced","advanced",[428,430,434,438],{"title":424,"path":425,"stem":429},"advanced\u002Findex",{"title":431,"path":432,"stem":433},"Debug Mode","\u002Fadvanced\u002Fdebug-mode","advanced\u002Fdebug-mode",{"title":435,"path":436,"stem":437},"Import\u002FExport\u002FMove Waymark Data","\u002Fadvanced\u002Fimport-export-move-waymark-data","advanced\u002Fimport-export-move-waymark-data",{"title":439,"path":440,"stem":441},"Using the Global Callback Function","\u002Fadvanced\u002Fusing-the-global-callback-function","advanced\u002Fusing-the-global-callback-function",{"title":443,"path":444,"stem":445,"children":446},"Customising","\u002Fcustomising","customising\u002Findex",[447,448,452,455],{"title":443,"path":444,"stem":445},{"title":449,"path":450,"stem":451},"Markers","\u002Fcustomising\u002Fmarkers","customising\u002Fmarkers",{"title":17,"path":453,"stem":454},"\u002Fcustomising\u002Fsettings","customising\u002Fsettings",{"title":456,"path":457,"stem":458},"Styling With CSS Selectors","\u002Fcustomising\u002Fstyling-with-css-selectors","customising\u002Fstyling-with-css-selectors",{"title":460,"path":461,"stem":462,"children":463},"Examples","\u002Fexamples","examples",[464,466,467,471,475,479,483,487,491],{"title":460,"path":461,"stem":465},"examples\u002Findex",{"title":5,"path":418,"stem":420},{"title":468,"path":469,"stem":470},"Hide Locate Button","\u002Fexamples\u002Fhide-locate-button","examples\u002Fhide-locate-button",{"title":472,"path":473,"stem":474},"Hide Tooltip Type Labels","\u002Fexamples\u002Fhide-tooltip-type-labels","examples\u002Fhide-tooltip-type-labels",{"title":476,"path":477,"stem":478},"Hiding Map Controls","\u002Fexamples\u002Fhiding-map-controls","examples\u002Fhiding-map-controls",{"title":480,"path":481,"stem":482},"Marker Without Background","\u002Fexamples\u002Fmarker-without-background","examples\u002Fmarker-without-background",{"title":484,"path":485,"stem":486},"Move the Locate Button","\u002Fexamples\u002Fmove-the-locate-button","examples\u002Fmove-the-locate-button",{"title":488,"path":489,"stem":490},"Show\u002FHide Types Initially","\u002Fexamples\u002Fshow-hide-types-initially","examples\u002Fshow-hide-types-initially",{"title":492,"path":493,"stem":494},"Text Markers","\u002Fexamples\u002Ftext-markers","examples\u002Ftext-markers",{"title":496,"path":497,"stem":498,"children":499},"Features","\u002Ffeatures","features\u002Findex",[500,501],{"title":496,"path":497,"stem":498},{"title":502,"path":503,"stem":504},"Submissions","\u002Ffeatures\u002Fsubmissions","features\u002Fsubmissions",{"title":506,"path":507,"stem":508},"Help","\u002F","index",{"title":510,"path":511,"stem":512,"children":513},"Tutorials","\u002Ftutorials","tutorials",[514,516,520],{"title":510,"path":511,"stem":515},"tutorials\u002Findex",{"title":517,"path":518,"stem":519},"Creating Your First Map","\u002Ftutorials\u002Fcreating-your-first-map","tutorials\u002Fcreating-your-first-map",{"title":521,"path":522,"stem":523},"Drawing a Route","\u002Ftutorials\u002Fdrawing-a-route","tutorials\u002Fdrawing-a-route",[525,526],{"title":460,"path":461,"stem":465,"children":-1},{"title":468,"path":469,"stem":470,"children":-1},1793659144803]