[HTML/CSS/JS] sample code for mapping solution HERE

basic structure
1 year ago · aa10161815
parent d52b5d0af4
commit aa10161815
6 changed files with 1 additions and 0 deletions
--- a/here-tests/README.md
+++ b/here-tests/README.md
--- a/here-tests/css/main.css
+++ b/here-tests/css/main.css
--- a/here-tests/img/plux.svg
+++ b/here-tests/img/plux.svg
@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.54 151.5" style="fill: rgb(0, 0, 0);"><g data-name="Calque 2"><g data-name="Calque 2"><path class="cls-1 cls-hide" d="M302.13,40c-21.46,0-37.36,16.56-37.36,36.56v.27c0,19.87,15.76,36.16,37.09,36.16,21.6,0,37.49-16.56,37.49-36.43V76.3C339.35,56.29,323.59,40,302.13,40Zm-.07,57.73A21.24,21.24,0,1,1,323.3,76.5,21.23,21.23,0,0,1,302.06,97.73Z"></path><path class="cls-1 cls-hide" d="M349.35,22.34a7.89,7.89,0,0,1,7.95-7.94,8,8,0,0,1,8.08,7.94v82.14a8,8,0,0,1-16,0Z"></path><path class="cls-1 cls-hide" d="M450.73,100.13l20.16-24.19L452.21,53.77c-1.75-2.15-2.69-4-2.69-6.18A7.35,7.35,0,0,1,457,40.06c3.23,0,5.51,1.48,7.53,4l16,21,16.26-20.83c1.88-2.42,4.17-4.17,7-4.17,4.3,0,7.66,3.09,7.66,7.13a8.15,8.15,0,0,1-2.29,5.5L490,75.67l19.89,23.52c1.74,2.15,2.68,4,2.68,6.18A7.35,7.35,0,0,1,505,112.9c-3.23,0-5.51-1.48-7.53-4.17l-17.2-22.17-17.2,22.17c-1.88,2.28-4.16,4.17-7.12,4.17a7.27,7.27,0,0,1-7.53-7.13A7.91,7.91,0,0,1,450.73,100.13Z"></path><path class="cls-1 cls-hide" d="M406.91,112.9c-17.29,0-31.53-15-31.53-33.4V48.05a7.75,7.75,0,0,1,7.45-8c4.26,0,8.39,3.6,8.39,8V79.5c0,9.58,8,17.3,15.69,17.3,9,0,15.84-7.72,15.84-17.3V48.05c0-4.53,4.65-8,8.24-8a7.76,7.76,0,0,1,7.59,8V79.5C438.58,97.86,424.34,112.9,406.91,112.9Z"></path><path class="cls-1 cls-hide" d="M217.46,40.06A39.73,39.73,0,0,0,197.6,45.5,8,8,0,0,0,182,48v78.14a8,8,0,0,0,16,0v-18a44.33,44.33,0,0,0,19.45,4.55c20.57,0,37.31-16.3,37.31-36.34S238,40.06,217.46,40.06Zm.91,57.65a21.23,21.23,0,1,1,21.24-21.23A21.23,21.23,0,0,1,218.37,97.71Z"></path><path class="cls-1" d="M116.79,3.11S88.32-6.25,40.86,7.5C40.86,7.5,0,18.93,0,53.21S30.41,129,30.41,129,45.9,151.5,65.08,151.5a33.72,33.72,0,0,0,16-4.46L64.28,89.37l18-5C104.64,78.08,108.87,62.5,105.38,50l-.07-.23c-2.09-7.49-6.41-13.08-12.49-16.19-6.33-3.25-14.33-3.66-23.11-1.2L34.6,42.2a4,4,0,0,1-2.16-7.7l35.11-9.83c10.76-3,20.76-2.39,28.92,1.78S110.3,37.92,113,47.61l.07.23c5.61,20.08-5.89,37.83-28.63,44.19L74.22,94.9l13.89,47.56a78.33,78.33,0,0,0,14.54-14.87c2.71-3.68,32-44.16,38-81.54S116.79,3.11,116.79,3.11ZM59.94,129.58a3.87,3.87,0,0,1-1.11.16,4,4,0,0,1-3.87-2.9,4,4,0,0,1,2.71-4.93l.08,0a4,4,0,1,1,2.19,7.69ZM35.22,53.39a4,4,0,0,1,2.61-2.31l32.85-9.19C82.36,38.62,91.41,43,94.28,53.24l.07.24a16.55,16.55,0,0,1-1.79,13.4c-2.51,4-6.71,6.93-12.13,8.45l-18.58,5.2-3.37-12a4,4,0,0,1,7.71-2.16l1.21,4.33,10.87-3c3.48-1,6.07-2.69,7.51-5a8.49,8.49,0,0,0,.86-7l-.06-.25c-1.66-5.93-6.29-7.88-13.74-5.79L43.73,57.74,59.21,113a4,4,0,0,1-7.71,2.16L35,56.17A4,4,0,0,1,35.22,53.39ZM21.94,45.81a4.22,4.22,0,0,1-1.1.15A4,4,0,0,1,17,43.06a4,4,0,0,1,2.71-4.92l.09,0a4,4,0,1,1,2.18,7.7Z"></path></g></g></svg>
--- a/here-tests/index.html
+++ b/here-tests/index.html
--- a/here-tests/js/main.js
+++ b/here-tests/js/main.js
--- a/here-tests/scss/main.scss
+++ b/here-tests/scss/main.scss
		`@ -0,0 +1 @@`
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.54 151.5" style="fill: rgb(0, 0, 0);"><g data-name="Calque 2"><g data-name="Calque 2"><path class="cls-1 cls-hide" d="M302.13,40c-21.46,0-37.36,16.56-37.36,36.56v.27c0,19.87,15.76,36.16,37.09,36.16,21.6,0,37.49-16.56,37.49-36.43V76.3C339.35,56.29,323.59,40,302.13,40Zm-.07,57.73A21.24,21.24,0,1,1,323.3,76.5,21.23,21.23,0,0,1,302.06,97.73Z"></path><path class="cls-1 cls-hide" d="M349.35,22.34a7.89,7.89,0,0,1,7.95-7.94,8,8,0,0,1,8.08,7.94v82.14a8,8,0,0,1-16,0Z"></path><path class="cls-1 cls-hide" d="M450.73,100.13l20.16-24.19L452.21,53.77c-1.75-2.15-2.69-4-2.69-6.18A7.35,7.35,0,0,1,457,40.06c3.23,0,5.51,1.48,7.53,4l16,21,16.26-20.83c1.88-2.42,4.17-4.17,7-4.17,4.3,0,7.66,3.09,7.66,7.13a8.15,8.15,0,0,1-2.29,5.5L490,75.67l19.89,23.52c1.74,2.15,2.68,4,2.68,6.18A7.35,7.35,0,0,1,505,112.9c-3.23,0-5.51-1.48-7.53-4.17l-17.2-22.17-17.2,22.17c-1.88,2.28-4.16,4.17-7.12,4.17a7.27,7.27,0,0,1-7.53-7.13A7.91,7.91,0,0,1,450.73,100.13Z"></path><path class="cls-1 cls-hide" d="M406.91,112.9c-17.29,0-31.53-15-31.53-33.4V48.05a7.75,7.75,0,0,1,7.45-8c4.26,0,8.39,3.6,8.39,8V79.5c0,9.58,8,17.3,15.69,17.3,9,0,15.84-7.72,15.84-17.3V48.05c0-4.53,4.65-8,8.24-8a7.76,7.76,0,0,1,7.59,8V79.5C438.58,97.86,424.34,112.9,406.91,112.9Z"></path><path class="cls-1 cls-hide" d="M217.46,40.06A39.73,39.73,0,0,0,197.6,45.5,8,8,0,0,0,182,48v78.14a8,8,0,0,0,16,0v-18a44.33,44.33,0,0,0,19.45,4.55c20.57,0,37.31-16.3,37.31-36.34S238,40.06,217.46,40.06Zm.91,57.65a21.23,21.23,0,1,1,21.24-21.23A21.23,21.23,0,0,1,218.37,97.71Z"></path><path class="cls-1" d="M116.79,3.11S88.32-6.25,40.86,7.5C40.86,7.5,0,18.93,0,53.21S30.41,129,30.41,129,45.9,151.5,65.08,151.5a33.72,33.72,0,0,0,16-4.46L64.28,89.37l18-5C104.64,78.08,108.87,62.5,105.38,50l-.07-.23c-2.09-7.49-6.41-13.08-12.49-16.19-6.33-3.25-14.33-3.66-23.11-1.2L34.6,42.2a4,4,0,0,1-2.16-7.7l35.11-9.83c10.76-3,20.76-2.39,28.92,1.78S110.3,37.92,113,47.61l.07.23c5.61,20.08-5.89,37.83-28.63,44.19L74.22,94.9l13.89,47.56a78.33,78.33,0,0,0,14.54-14.87c2.71-3.68,32-44.16,38-81.54S116.79,3.11,116.79,3.11ZM59.94,129.58a3.87,3.87,0,0,1-1.11.16,4,4,0,0,1-3.87-2.9,4,4,0,0,1,2.71-4.93l.08,0a4,4,0,1,1,2.19,7.69ZM35.22,53.39a4,4,0,0,1,2.61-2.31l32.85-9.19C82.36,38.62,91.41,43,94.28,53.24l.07.24a16.55,16.55,0,0,1-1.79,13.4c-2.51,4-6.71,6.93-12.13,8.45l-18.58,5.2-3.37-12a4,4,0,0,1,7.71-2.16l1.21,4.33,10.87-3c3.48-1,6.07-2.69,7.51-5a8.49,8.49,0,0,0,.86-7l-.06-.25c-1.66-5.93-6.29-7.88-13.74-5.79L43.73,57.74,59.21,113a4,4,0,0,1-7.71,2.16L35,56.17A4,4,0,0,1,35.22,53.39ZM21.94,45.81a4.22,4.22,0,0,1-1.1.15A4,4,0,0,1,17,43.06a4,4,0,0,1,2.71-4.92l.09,0a4,4,0,1,1,2.18,7.7Z"></path></g></g></svg>