Leaflet: ๋ฐ์Šคํฌํƒ‘(Chrome)์—์„œ L.Browser.touch๊ฐ€ ์ž˜๋ชป ์„ค์ •๋จ

์— ๋งŒ๋“  2017๋…„ 01์›” 18์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: Leaflet/Leaflet

Chrome์— ๋Œ€ํ•œ ์ตœ๊ทผ ์—…๋ฐ์ดํŠธ(์ ์–ด๋„ Mac์—์„œ)๋Š” window.PointerEvent ๊ตฌํ˜„์„ ๋ณ€๊ฒฝํ•œ ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. ์ด๋กœ ์ธํ•ด ํ˜„์žฌ ๋ฒ„์ „์˜ Leaflet(1.0.2)์ด ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ„ฐ์น˜ ์žฅ์น˜๋กœ ์ž˜๋ชป ์ง„๋‹จํ•˜๊ณ  leaflet-touch ํด๋ž˜์Šค๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

์ด ์ค„์ด ๋ฒ”์ธ์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

pointer = window.PointerEvent || msPointer

...์—ฌ๊ธฐ์—์„œ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค: https://github.com/Leaflet/Leaflet/blob/v1.0.2/src/core/Browser.js#L33

๋ฌธ์ œ๋Š” window.PointerEvent ๊ฐ€ ํ•ญ์ƒ 'truthy'๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜๋ผ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ฒˆ์‹ ๋ฐฉ๋ฒ•

  • ๋ธŒ๋ผ์šฐ์ €: Mac OSX El Capitan(10.11.6), Chrome ๋ฒ„์ „ 55.0.2883.95(64๋น„ํŠธ)
  • www.leafletjs.com ์œผ๋กœ ์ด๋™ํ•˜์—ฌ ๋ฐ๋ชจ ์˜ˆ์ œ๋ฅผ ๋ณด์‹ญ์‹œ์˜ค...๋ฆฌํ”Œ๋ฆฟ ๋งต ์ปจํ…Œ์ด๋„ˆ์— leaflet-touch ํด๋ž˜์Šค๊ฐ€ ์ ์šฉ๋˜์–ด ํ™•๋Œ€/์ถ•์†Œ ๋ฒ„ํŠผ์ด ํ™•๋Œ€๋ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๊ทธ๋ ‡๋‹ค๋ฉด ํ„ฐ์น˜๋ฅผ ์ •ํ™•ํ•˜๊ฒŒ ๊ฐ์ง€ํ•˜์ง€ ๋ชปํ•œ๋‹ค๋ฉด ํ„ฐ์น˜๋ฅผ ๊ฐ์ง€ํ•˜๋Š” ์˜๋ฏธ๊ฐ€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ๊ทธ๋ ‡๋‹ค๋ฉด ๊ทธ ์ „์ฒด ๋…ผ๋ฆฌ๋ฅผ ์ „๋‹จ์ง€์—์„œ ์ œ๊ฑฐํ•ด์•ผํ•˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

๋ชจ๋“  3 ๋Œ“๊ธ€

์ด๊ฒƒ๋„ ์žฌํ˜„ํ•  ์ˆ˜ ์žˆ๊ตฌ๋‚˜...

https://github.com/Leaflet/Leaflet/issues/3944์˜ ์‚ฌ๋ณธ. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํ„ฐ์น˜์Šคํฌ๋ฆฐ์ด ์žˆ๋Š” ์ปดํ“จํ„ฐ์—์„œ ์‹คํ–‰ ์ค‘์ธ์ง€ ์—ฌ๋ถ€๋ฅผ ์•Œ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ์—†์œผ๋ฉฐ ๋ธŒ๋ผ์šฐ์ € ๊ฐ€ ํ„ฐ์น˜/ํฌ์ธํ„ฐ ์ด๋ฒคํŠธ๋ฅผ ์ง€์›ํ•˜๋Š”์ง€ ์—ฌ๋ถ€๋งŒ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ ๋„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.

๊ทธ๋ ‡๋‹ค๋ฉด ํ„ฐ์น˜๋ฅผ ์ •ํ™•ํ•˜๊ฒŒ ๊ฐ์ง€ํ•˜์ง€ ๋ชปํ•œ๋‹ค๋ฉด ํ„ฐ์น˜๋ฅผ ๊ฐ์ง€ํ•˜๋Š” ์˜๋ฏธ๊ฐ€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ๊ทธ๋ ‡๋‹ค๋ฉด ๊ทธ ์ „์ฒด ๋…ผ๋ฆฌ๋ฅผ ์ „๋‹จ์ง€์—์„œ ์ œ๊ฑฐํ•ด์•ผํ•˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰