zoukankan      html  css  js  c++  java
  • 图片(地图)热点区域高亮显示研究

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

  • 相关阅读:
    MySQL详细操作
    啥是SQL?
    MySQL之中文乱码问题
    Windows压缩包安装MySQL
    GIL(全局解释器锁)
    协程
    线程
    第八周 编程作业
    PCA
    第八周 第一部分
  • 原文地址:https://www.cnblogs.com/barryhong/p/1999539.html
Copyright © 2011-2022 走看看