图片(地图)热点区域高亮显示研究

最近有一项目,需要用到MAP功能,正常浏览器在图片上使用MAP标签,鼠标移到上面的时候可以点击,但是不会高亮显示,这样客户体验不是很好,发现E都市现在的版本可以实现鼠标移动到一幢房子的时候,就可以显示这个房子的轮廓,这样客户体验会比较好。

研究E都市。发现E都市的实现方式:得到地图图片后,有一个空白的图片层,这个层连接了一个MAP,通过MAP的点实现点中一个建筑物产生事件,显示建筑物详清的对话框。但是实现该建筑物的高量并不在MAP中实现。继续研究发现在图片层有一个<svg 标签,通过这个实现了高亮。

可是大部分的浏览器包括IE,FIREFOX都不支持<svg标签,搞不清楚E都市是怎么实现的。

-------------------------

网上查询到一可以实现地图高亮显示的控件

http://www.netzgesta.de/mapper/

这个控件比较牛,能方便的实现地图高亮显示,但是实现原理应该不同于E都市。

------------------------

网上查询到另一控件svgweb:http://code.google.com/p/svgweb/

这个控件能支持SVG标签,不清楚他的实现原理。

原文地址:https://www.cnblogs.com/barryhong/p/1999539.html