5

我目前正在使用带有标签控件的谷歌地图标记。我可以为地图动态分配一个标记，并为该标记设置一个标签。

我已经想出了如何隐藏标签但是，我对如何隐藏图标和显示标签有点茫然。有人对此有什么建议吗？

markerWithLabel.setMap(null);

删除标记和标签，而不仅仅是标记。

4

2 回答 2

17

我可以通过将图标设置设置为空字符串“”来隐藏标记。

var marker = new MarkerWithLabel({
            icon: " ",
            position: location,
            draggable: true,
            raiseOnDrag: true,
            map: map,
            labelContent: z, 
            labelAnchor: new google.maps.Point(22, 0),
            labelClass: "labels", // the CSS class for the label
            labelStyle: {opacity: 0.75},
        });
于 2014-07-11T13:32:27.257 回答
5

很简单，只需将透明图像设置为图标。在这里，当单击 MarkerWithLabel 时，我将 1x1 透明 GIF - pixel_trans.gif - 作为 Icon 设置：

var marker = new MarkerWithLabel({
...
});

google.maps.event.addListener(marker, 'click', function() {
  this.setIcon('pixel_trans.gif');
});

中提琴，单击时标记隐藏，但标签站立。当前版本的 MarkerWithLabel不能隐藏图标，只显示标签。

注意：您必须在此工作之前传递一个有效的图像，例如一个存在的图像。使用setIconnull 或无效图像将被忽略。恕我直言，1x1 透明 gif 是一种可接受的解决方案，因为用户将体验到标记被隐藏，并且尝试点击它时会遇到麻烦：)

于 2013-10-02T18:00:58.660 回答