ImageMap获取点击热点的坐标

ImageMap获取点击热点的坐标
我在ImageMap上面设置了好几个热点，我想在鼠标点击其中一个热点的时候获取他的坐标怎么弄

解决方案 »

  1.   

    通过  <asp:RectangleHotSpot
                    hotspotmode="Navigate"
                    NavigateUrl="navigate1.htm"
                    alternatetext="Button 1"
                    top="30"
                    left="175"
                    bottom="110"
                    right="355">
             </asp:RectangleHotSpot>
    设置坐标位置
      

  2.   

    <% @ Page Language="C#" %>
    <script runat="server">
    protected void ImageMap1_Click(object sender, ImageMapEventArgs e)
    {
        String region = "";
        switch(e.PostBackValue)
        {
            case "NW":
                region = "Northwest";
                break;
            case "NE":
                region = "Northeast";
                break;
            case "SE":
                region = "Southeast";
                break;
            case "SW":
                region = "Southwest";
                break;
        }
        Label1.Text = "You clicked the " + region + " region.";
    }
    </script><html>
    <body>
        <form id="form1" runat="server">
        <div>
        <asp:Label runat="server" ID="Label1" />
        <br />
        <br />
            <asp:ImageMap ID="ImageMap1" ImageUrl="~/Images/MapTest.PNG" 
                runat="server" 
                HotSpotMode="PostBack" 
                OnClick="ImageMap1_Click">
             <asp:RectangleHotSpot Bottom="100" Right="100" 
                 HotSpotMode="PostBack" PostBackValue="NW" />
             <asp:RectangleHotSpot Bottom="100" Left="100" Right="200" 
                 HotSpotMode="PostBack" PostBackValue="NE" />
             <asp:RectangleHotSpot Bottom="200" Right="100" Top="100" 
                 PostBackValue="SW" />
             <asp:RectangleHotSpot Bottom="200" Left="100" Right="200" 
                 Top="100" PostBackValue="SE" />
            </asp:ImageMap>
        </div>
        </form>
    </body>
    </html>
      

  3.   

    圆形把上面的RectangleHotSpot 更改为CircleHotSpot//---------三种HotSpot类------------------------------
    CircleHotSpot//圆形
    PolygonHotSpot//自定
    RectangleHotSpot//矩形//记得结贴！！