Question

当移动设备（三星Galaxy S2）上显示使用小图标的Google融合桌面地图时，几乎无法点击图标。可能需要5-10次尝试才能弹出气球。一个随意的用户会认为他们不可点击。

使用大的泪滴状图标是不可行的，因为它们淹没了地图。

有没有办法让手机上的小图标可以点击？

我的地图定义为宽度和高度100％以及移动元标记：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<style type="text/css">
#map_canvas {width:100%;height:100%;}
</style>

</head>
<body>
<div id="map_canvas"></div> 
<script type="text/javascript">
  var mapOptions = {
        center: new google.maps.LatLng(-32.36, 147.73),
        zoom: 4,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
  layer = new google.maps.FusionTablesLayer({
    query: {
      select: 'Location',
      from: 'xxxxxxxxxxxxxxxxx'
    },
      options: {
        styleId: 2,
        templateId: 3
      },
    styles: [ 
        {markerOptions: {iconName: "small_yellow"}} 
    ]
    });
  layer.setMap(map);
</script>
</div>
</body>
</html>

Answer 1

正确的答案显然是没有答案。您只需使用较大的图标或使用平板电脑或PC。

融合表图标无法在移动设备上点击

1 个答案: