触摸屏上的自定义地图标记图形错误

时间:2017-07-13 17:10:00

标签: javascript google-maps google-maps-api-3

我正在开发一个带有自定义标记的谷歌地图,它在大多数设备上运行良好。

问题是某些设备上出现了图形错误,主要是触摸屏设备。实际上,我们可以在标记的右侧看到用于标记的图像更大尺寸和半透明(参见图像上的红色圆圈)。我喜欢从地图上删除这些图片,我该怎么做?

enter image description here

用于自定义标记的图像是256 * 134,我创建了这样的标记:

        markerToday.push(new google.maps.Marker({
            position: {lat: latitudes[j], lng: longitudes[j]},
            icon: {
                url: icons['Today'].icon,
                size: new google.maps.Size(256, 134),
                origin: new google.maps.Point(0, 0),
                anchor: new google.maps.Point(64, 67),
                scaledSize: new google.maps.Size(128, 67),
                labelOrigin: new google.maps.Point(99, 15)
            },
            label: {
                text: formattedTime_array,
                fontSize: '17px',
                fontFamily: 'Verdana',
                color: 'white'
            },
            map: map
        }));

1 个答案:

答案 0 :(得分:0)

我通过查看所用图标的原始大小来解决问题。而不是(256,134)我现在直接使用所需标记大小的图像(128,67)。