search

NewSignature / us-map

An interactive map of the United States using Raphaël
BSD 2-Clause "Simplified" License
279 stars 184 forks source link

Must tap map twice to follow link #59

Open eweisbrot opened 8 years ago

eweisbrot commented 8 years ago

Hello,

When viewing the map on an iPhone, e.g. here: http://199.119.123.135/surety-bonds/commercial-bonds/auto_dealer_bond.htm, it seems you have to tap a state twice in order to go to its link. This only happens on the iPhone, not desktops.

Any idea how to fix this? Thanks!

digitaccel commented 8 years ago

I'm also having this issue on iPads. Will dig deeper to see what;s going on.

digitaccel commented 8 years ago

This issue was addressed (thankfully) by kcaran in issue#33. I added the 'touchend' to the click bind event in two places as he did and it works great.

Copied from that issue: "I had to add touchend events to get us-map working on ipads/iphones. I haven't noticed the hover states not clearing:

http://www.kcaran.com/us-map-example/

Here is my version of us-map:

https://github.com/kcaran/us-map"

eweisbrot commented 8 years ago

I added the touchend to my code and it seemed to fix the issue. Thanks :)

However, I noticed now when you click a state on a mobile device, the state no longer gets highlighted and it sometimes zooms in before going to the linked page. Do you see this as well?

digitaccel commented 8 years ago

Actually I use text for smaller devices as I would imagine the states are too small. Can you supply a web link for me to look at?

eweisbrot commented 8 years ago

Please see here: http://www.jwsuretybonds.com/

digitaccel commented 8 years ago

I'm using a droid maxx and it worked fine. Didn't see what you mentioned. I see you didn't make the map responsive. If you're interested in doing so check more recent comments on how to do it.

eweisbrot commented 8 years ago

Thanks for checking! Can you point me to the thread for enabling responsive functionality?

digitaccel commented 8 years ago

It's number 60, the one prior to this one. Actually you commented there as well. There's no way to 'enable' the responsive mechanism. You have to create a map for whatever screen sizes you want and hide the others. You'll see what I mean in the thread.