【问题标题】:Fusion Table Icons not clickable on mobileFusion Table 图标无法在移动设备上点击
【发布时间】:2013-12-07 21:16:16
【问题描述】:

当使用小图标的谷歌融合表格地图显示在移动设备(三星 Galaxy S2)上时,几乎不可能点击这些图标。可能需要 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>

【问题讨论】:

    标签: android iphone mobile google-maps-api-3 google-fusion-tables


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-02-18
      • 2012-04-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-11-09
      相关资源
      最近更新 更多