【发布时间】: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