图片（地图）热点区域高亮显示研究

最近有一项目，需要用到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标签，不清楚他的实现原理。

转自：http://www.cnblogs.com/barryhong/archive/2011/03/30/1999539.html

转载于:https://www.cnblogs.com/ITRoad/archive/2011/12/14/2287338.html