Maps Area Image

Map

by Taqi_Shah

HTML

<img src="http://www.ptcl-test.com.php53-6.dfw1-2.websitetestlink.com/demo7/careers/images/google_maps/Map-Final.jpg"
width="451" height="309"
alt="Map of Australia and New Zealand"
usemap ="#aus-nz">

<map name="aus-nz">
  <area shape ="poly" coords ="3,47,45,12,105,7,140,60,120,125,12,90"
  href ="http://www.travel-explorer.com/category/places/australia/" target="_blank"
  alt="Australia" title="Australia">
  <area shape ="poly" coords ="180,85,200,98,167,142,157,138" style="background-color:red"
  href ="http://www.travel-explorer.com/category/places/new-zealand/" target="_blank"
  alt="New Zealand" title="New Zealand">
</map>
      
      
      
      <div>
  <map name="beachmap">
    <area href="/" shape="poly" coords="17,51,42,35,66,51,66,89,17,89"
      alt="Beach hut" title="Beach hut - where you get changed">
    <area shape="circle" coords="99,92,12" nohref alt="">
    <area href="/" shape="circle" coords="99,92,23"
      alt="Life ring" title="Life ring - to help you swim">
    <area href="/" shape="rect" coords="129,27,171,52"
      alt="Flag" title="Flag - says if it safe to swim">
  </map>
</div>
<p><img src="http://www.howtocreate.co.uk/tutorials/jsexamples/imagemap.png" alt="" usemap="#beachmap"></p>