map热点定位使用,仅供参考

js中进行artTemplate加载

$("#filterId").html(template('planetmapTemp',dataT));

<#-- 热点定位 -->
 

<script type="text/template" id="planetmapTemp">
     {{each list carPart i}}
      {{if carPart.picCoordinate != null}}
        <area shape="circle" coords="{{carPart.picCoordinate}},12" cplocNum="{{carPart.locNum}}" onclick="locNumChecked({{carPart.locNum}},this)" alt="{{carPart.partName}}" />
      {{/if}}
     {{/each}} 
</script>

对图片进行渲染map     

<img style="width:100%" usemap="#planetmap" alt="Planets" id="imageFullScreen" class="imageFullScreen" src=""  />
 <map name="planetmap" id="planetmap">

 </map>

area区域边框,尝试使用,但不支持该操作

  <#--<div id="border" style="z-index:auto;z-index:2;display:none; position:absolute;border:2px solid #FF0000; "></div>  -->