Question

抱歉，如果我的语气不好：我正在使用点击式地图。它在PC屏幕上正常工作但在Mobile屏幕上无法正常工作。我正在使用此代码：

HTML：

<img class="map" src="map/demo_usa.png" style="width:100%; height:100%;" usemap="#usa">
<map name="usa">
<area href="#" title="SC" shape="poly" coords="735,418, 734,419, 731,418, 731,416, 729,413, 727,411, 725,410, 723,405, 720,399, 716,398, 714,396, 713,393, 711,391, 709,390, 707,387, 704,385, 699,383, 699,382, 697,379, 696,378, 693,373, 690,373, 686,371, 684,369, 684,368, 685,366, 687,365, 687,363, 693,360, 701,356, 708,355, 724,355, 727,356, 728,360, 732,359, 745,358, 747,358, 760,366, 769,374, 764,379, 762,385, 761,391, 759,392, 758,394, 756,395, 754,398, 751,401, 749,404, 748,405, 744,408, 741,409, 742,412, 737,417, 735,418">

........ Countinut.......
</map>

CSS：

.map{
background-repeat:no-repeat !important;
width:100% !important;
height: 600px;!important;
-moz-height: 600px;!important;
background-size:100% !important;
}
.map canvas{
width:100% !important;
height:100% !important;
}

Jquery的：

<script type="text/javascript" src="map/jquery.min.js"></script>
<script type="text/javascript" src="map/jquery.maphilight.min.js"></script>
<script type="text/javascript">$(function() {
    $('.map').maphilight();
});</script>

页面链接： 在小屏幕上看到此链接以了解我的问题。 http://realinvestors.businesscatalyst.com/local-group.html

注意：专注于鼠标指针。

点击地图无法在移动版本上正常使用

0 个答案: