如何使用markerwithlabel隐藏或禁用谷歌地图上的默认标记

Posted 2023-03-28

【中文标题】如何使用markerwithlabel隐藏或禁用谷歌地图上的默认标记

【英文标题】：How to hide or disable default marker on google map with markerwithlabel

【发布时间】：2017-12-19 22:01:19

【问题描述】：

我正在使用带有markerwithlabel的谷歌地图，我只想显示markerwithlabel而不需要显示默认图标标记

我的来源：

var markerMap = new MarkerWithLabel(
      position: latLng,
      draggable: true,
      raiseOnDrag: true,
      map: map, 
      labelContent: "<div class='arrow'>1.300.000 VND</div>",
      labelAnchor: new google.maps.Point(30, 30),
      labelClass: "labels", // the CSS class for the label
      isClicked: false
);

结果：

但它显示双图标（包括：默认图标和markerwithlabel）

我尝试了很多方法，但我找不到最好的方法。如何隐藏或禁用默认图标谷歌地图并只显示markerwithlabel？

非常感谢！

【参考方案1】：

你需要设置图标的url来隐藏默认标记图标。

var markerMap = new MarkerWithLabel(
      position: latLng,
      draggable: true,
      raiseOnDrag: true,
      map: map, 
      icon: 
         url: '' // set url as ''
      
      labelContent: "<div class='arrow'>1.300.000 VND</div>",
      labelAnchor: new google.maps.Point(30, 30),
      labelClass: "labels", // the CSS class for the label
      isClicked: false
);

【参考方案2】：

icon: " ", // 空字符串将隐藏图标

              current_marker = new google.maps.Marker(
                                                        position: lat: current_lat, lng: current_long,
                                                        map,
                                                        title: 'currentLocationMarker',
                                                        
                                                        icon: " ",  // an empty string will hide the icon
                                                        draggable: true
                                                    );