当前位置: 动力学知识库 > 问答 > 编程问答 >

html5 - Text Inside <map> Html

问题描述:

I am trying to create a Kansas map with different areas.

There is a total of 7 areas and I would like to name each area Region 1, 2,... and so on.

I have created the map with the appropriate areas and coordinates that I would like to use.

The code is

<img id="Image-Maps-Com-image-maps-2014-11-17-112330" src="http://www.image-maps.com/m/private/0/u7i8og3pjd1bujpjmdnl1r3533_stout20.gif" border="0" width="865" height="484" orgWidth="865" orgHeight="484" usemap="#image-maps-2014-11-17-112330" alt="" />

<map name="image-maps-2014-11-17-112330" id="ImageMapsCom-image-maps-2014-11-17-112330">

<area shape="rect" coords="863,482,865,484" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />

<area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="587,47,588,104,572,104,572,149,583,150,584,166,620,168,620,200,632,201,632,212,638,287,678,287,679,252,724,250,724,210,770,208,768,178,784,174,784,148,792,147,762,102,784,64,736,44"

style="outline:none;" target="_self" />

<area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="771,208,768,176,784,174,784,147,816,154,817,207" style="outline:none;" target="_self" />

<area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="637,287,636,212,632,212,632,202,620,201,621,170,584,167,583,150,572,150,572,104,588,104,587,47,414,48,416,244,473,242,474,288,554,289,555,301,637,299" style="outline:none;" target="_self"

/>

<area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="54,40,47,212,240,218,415,220,414,48,242,46" style="outline:none;" target="_self" />

<area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="48,213,39,436,304,444,302,394,303,334,302,220" style="outline:none;" target="_self" />

<area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="623,442,303,443,303,394,302,335,302,277,302,220,416,221,416,243,474,243,472,288,478,290,555,288,554,300,620,300" style="outline:none;" target="_self" />

<area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="623,442,620,300,638,299,638,288,678,288,679,252,724,251,724,210,816,208,820,297,824,436,730,440" style="outline:none;" target="_self" />

</map>

分享给朋友:
您可能感兴趣的文章:
随机阅读: