Module talk:User:Suzukaze-c/zh-dial-map

Positive feedback

I like this. Very cool indeed. Was not disappointed. Wyang (talk) 02:36, 9 March 2018 (UTC)

;) —suzukaze (t・c) 03:43, 9 March 2018 (UTC)

Totally agree with Frank. Good stuff! — justin(r)leung _{{ (t...) | c=› }} 04:13, 9 March 2018 (UTC)

---

@Suzukaze-c, Justinrleung:

I reckon we should implement it site-wide once it is ready. It's a significant improvement in format. Some ideas:

1. Forcing the popup box to be displayed under the legend row; it may cover the map if displayed upward: [1].
2. Popup boxes for the dots (cf. Phonemica)
3. Links for the dots (Preferably in a new page/tab.)
4. Zoom in/out function, if possible

   Michael Campbell (Glossika)'s feedback: “I like the fact that Wikt has added dialect maps -- but I dislike the size of the map as it makes it hard to see and click on clustered spots.”

It would be worthwhile for us to get in touch with Prof. Iwata Rei for resources/advices, who has done some amazing research on Chinese geolinguistics. Wyang (talk) 06:40, 10 March 2018 (UTC)

The popup problem is fixed in the newest version of my CSS :) —suzukaze (t・c) 06:44, 10 March 2018 (UTC)

Oops, new version available... The updated version is very interesting. I like how hovering over the text can highlight dots. It would be good to make the text change colour when hovered over too, to make it more obvious. Transparency makes it better, but I think avoiding the overlap would be even better.

Another source of inspiration: Mapping Words Around Australia, which has both hover-over and onclick boxes for the dots.

Wyang (talk) 07:09, 10 March 2018 (UTC)

links for the dots are  Done —suzukaze (t・c) 08:03, 10 March 2018 (UTC)

zoom is kind of  Done but it could be better (and the dots are not aligned correctly at small sizes) —suzukaze (t・c) 01:06, 11 March 2018 (UTC)

I might have to upload a bigger image (which would also have to include Kyrgyzstan) since the borders look horrendous when you zoom in too much. — justin(r)leung _{{ (t...) | c=› }} 01:13, 11 March 2018 (UTC)

Positioning of the dots is fixed.

The slider itself is still annoying. —suzukaze (t・c) 01:28, 11 March 2018 (UTC)

It becomes increasingly cooler. Maybe we could add a background box to the scroll bar? Also the default position of the bar for me is around 70% to the right (if L 0%, R 100%), when it actually represents a resolution that's only about 25% on the bar. So when I slide it to the left from the default position, it first enlarges, then zooms out.

It looks like there are a lot of CSS/JS features we haven't really used before. I wonder if the now-very-common pinch zoom feature is possible at all. Wyang (talk) 03:14, 11 March 2018 (UTC)

Woah, very nice. Wyang (talk) 07:07, 11 March 2018 (UTC)

Is it just my computer, or is the zoom making the scrolling lag? — justin(r)leung _{{ (t...) | c=› }} 23:04, 11 March 2018 (UTC)

No idea... It is entirely possible that my implementation is bad. —suzukaze (t・c) 23:28, 11 March 2018 (UTC)

@Suzukaze-c Have you looked at this? —Aryaman^{A (मुझसे बात करें • योगदान)} 23:39, 11 March 2018 (UTC)

Especially this extension. —Aryaman^{A (मुझसे बात करें • योगदान)} 23:40, 11 March 2018 (UTC)

Not really... this project is just an enhancement of the original code. It is an interesting idea. —suzukaze (t・c) 23:42, 11 March 2018 (UTC)

It might be a better idea, since all we would have to do is feed it coordinates and words. Pinging @Justinrleung for thoughts, being the designer of the original module. —suzukaze (t・c) 04:46, 12 March 2018 (UTC)

It probably is a better idea, but some things to consider are how it deals with more than one marker in one location and how the legend would work. The popups and how they coordinate with the map are really cool, but it might not be replicable if we use Kartographer. — justin(r)leung _{{ (t...) | c=› }} 04:53, 12 March 2018 (UTC)

That is true. —suzukaze (t・c) 05:05, 12 March 2018 (UTC)

jQuery Panzoom seems interesting. —suzukaze (t・c) 03:46, 14 March 2018 (UTC)

@Suzukaze-c, Justinrleung Let's implement what we have for now across the site. It looks much more attractive with the new js/css features and we can still experiment further with new plugins, etc. here. How should we go about this? Wyang (talk) 22:54, 17 March 2018 (UTC)

I think it could be a gadget or a ViolentMonkey userscript or something, to avoid loading code that not every visitor needs. —suzukaze (t・c) 04:43, 25 March 2018 (UTC)

@Suzukaze-c Hmm, is it possible for the relevant code to be only loaded on pages with the prefix Template:zh-dial-map? I think showing this by default to every visitor would be better - it is a very attractive feature. Wyang (talk) 06:41, 25 March 2018 (UTC)

Automatically-enabled gadget? The JS only does things if there is an HTML element with the class "zh-dial-map__map".

I am not sure if the blurry map (zoomed in) is desirable. Using SVG slowed things down dramatically. —suzukaze (t・c) 00:02, 26 March 2018 (UTC)

Yeah, something like that. Preferably only enabled on the map pages. The zoom function is definitely helpful, but IMO it may not need to be 300%. 200% may suffice (assuming it's a linear-scale scroll bar). Wyang (talk) 00:26, 26 March 2018 (UTC)