Leaflet.js 手机点击路径

Question

我在 PhoneGap 项目中使用带有离线地图图块的传单。技术上一切都很好。然而，我发现很难让点击事件在路径上触发，需要用户在同一个地方一遍又一遍地进行大量令人沮丧的点击，直到它最终触发。

这些不是极小的小路。想想中等城市的自行车道，到处都是蜘蛛网。

这只是我不得不忍受的传单，还是有一些提示和技巧可以使地图更易于触摸？

编辑：如果没有：是否有更好的方法来制作具有更好触摸响应能力的基于 PhoneGap/Web 的缓存地图？

Answer 1

因为 Leaflet.js claims 已经针对以下内容进行了移动优化

• 多点触控缩放（iOS、Android 4+、Win8）
• 双击缩放
• 各种事件：点击（点击）、鼠标悬停、上下文菜单等
• 消除移动设备上的点击延迟

不幸的是，我认为您可以做很多事情来提高它的触摸友好性。

Answer 2

对于那些感兴趣的人，关于这个我想出的唯一解决方案就是简单地使线条更粗。我选择了“8”的重量，它似乎对我的脂肪、香肠般的手指更有效iPhone，但你会想测试不同的设备，看看哪种适合你。

您可能还想调整不透明度，因为较大的线条会重叠得更多，并且在拥挤的路径区域中看起来可能不是最大的。