下午,
我要求有一个交互式地图,你可以在那里悬停在一个地区(澳大拉西亚、东亚和东南亚、南亚等),有一个包含一些信息的"工具提示"或"悬停框",然后点击并重定向到一个地区页面。
我开始查看谷歌可视化地理图,目的是劫持点击事件,但你只能选择国家而不能选择地区。
对JS库等有什么建议吗?
非常感谢。
我最终使用http://jvectormap.owl-hollow.net/以及覆盖onLabelShow
、oRegionOver
、onRegionOut
和onRegionClick
方法。非常简单优雅的插件。
div
的背景图像,并使用CSS匹配其维度。然后在div
上注册一个鼠标移动侦听器。现在,每当鼠标移动时,请检查其坐标,并使用该坐标找出其下方的区域
现在,破解第二个问题会很有趣。如何存储不规则形状的尺寸。一种方法是将图像划分为网格,可以是一个像素厚,也可以是多个像素,这取决于你需要多大的精度。然后将其存储在一个数组中,如(0=>(1,5),1=>(0,6),..)。在这种情况下,它说,对于第0行,区域从第1列开始,到第5列结束。在第1行,区域从第0列开始,到第6列结束;等等
我希望这是有道理的。