请教大侠这个google地图是如何做的

http://www.wolai.com/map/block/53554/200-200/14/鼠标移动到标注上就变了一张图片，然后弹出提示信息，如何设置的呢，请教高人

解决方案 »

  1.   

    <html>
    <head>
    <script>
    function func(obj){
    if(obj){
    var x = getX(obj) + 20;
    var y = getY(obj) + 5;
    var message = document.getElementById("message");
    message.style.left = x + "px";
    message.style.top = y + "px";
    message.style.display = "";
    }
    }
    function getX(el){
    return el.offsetParent?el.offsetLeft:el.offsetLeft+getX(el.offsetParent);
    }
    function getY(el){
    return el.offsetParent?el.offsetTop:el.offsetTop+getY(el.offsetParent);
    }
    </script>
    </head>
    <body>
    <div style="width:10; height:10;background-color:blue;" onmouseover="func(this)" onmouseout="document.getElementById('message').style.display='none';"></div>
    <div id="message" style="position:absolute; display:none; border:1px solid red;">tips tips</div>
    </body>
    </html>
      

  2.   

    楼上这个我是js，这个我知道怎么弄，我就想知道是如何把这个div作为地图上的标注
      

  3.   

    把position设为absolute，放在地图上咯
      

  4.   

    用绝对地位放就可以啦，设absolute后，设定top和left