关于 影像地图
今天学习html的时候,看到了有关于“影像地图”的,这样提到:
在HTML中还可以把图片划分成多个热点区域,每一个热点域链接到不同网页的资源。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。这就是影像地图。要完成地图区域超链接要用到三种标签:<img><map><area>
格式为:
<img src="图形文件名" usemap="#图的名称"> <map name="图的名称"> <area shape=形状 coords=区域座标列表 href="URL资源地址"> <area shape=形状 coords=区域座标列表 href="URL资源地址"> </map>
shape=rect: 矩形shape=circle:圆形 shape=poly:多边形
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标 例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度例:<area shape=circle coords=85,155,30 href=“URL”> c.任意图形(多边形):将图形之每一转折点座标依序填入例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=“URL”>
可是这些坐标应该怎么样获得呢?
如果就像给出一个中国地图,当点击不同省份区域的时候,能链接到相应省份的网站去,这应该如何实现,不同省份地图区域的坐标又应该如何取?