亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用谷歌地圖角度組件從谷歌地圖中刪除地標

如何使用谷歌地圖角度組件從谷歌地圖中刪除地標

MMMHUHU 2022-11-11 14:44:25
我正在使用谷歌地圖角度組件,它工作得很好!但是現在我想從地圖上移除一些地標以減少它的擁堵,以便能夠更清楚地顯示我的標記。我在下面找到了這些資源,但不知道如何將其應用于我正在使用的 <google-map> 節點包。創建 json 以在地圖上隱藏地標和其他功能的站點顯示如何從谷歌地圖開發網站隱藏地圖功能描述相同問題的 SO 鏈接我在這個谷歌文檔中看到它顯示了使用'setMapStyle()'將樣式應用于'googlemap',但這不是角度包中的方法下面是我使用谷歌地圖的組件(不是所有代碼),但它顯示了我如何使用地圖的所有代碼import {  MapInfoWindow,  MapMarker,  GoogleMap} from '@angular/google-maps';export class YogabandEventsComponent implements OnInit {  colContentRef: ElementRef;  @ViewChild(GoogleMap, {    static: false  }) googleMap: GoogleMap;  @ViewChild(MapInfoWindow, {    static: false  }) infoWindow: MapInfoWindow;  zoom = 12;  center: google.maps.LatLngLiteral;  options: google.maps.MapOptions = {    mapTypeId: 'roadmap',    mapTypeControl: false,    scrollwheel: true,    maxZoom: 18,    minZoom: 10,    streetViewControl: false,    fullscreenControl: false  };  markers: Marker[];  infoContent = '';  constructor(...) { ...  }  openInfo(marker: MapMarker, content) {    this.infoContent = content;    this.infoWindow.open(marker);  }  showMarkers() {    this.markers = [];    for (const ybEvent of this.yogabandEvents) {      const marker = new Marker();      marker.info = ybEvent.name;      marker.title = ybEvent.name;      marker.position = {        lat: ybEvent.latitude,        lng: ybEvent.longitude      };      marker.label = {        color: '#17a2b8',        text: ybEvent.yogaType,        fontWeight: 'bold',        fontSize: '16px'      };      marker.options = {        icon: {          // scaledSize: new google.maps.Size(40, 40),          url: 'assets/images/marker.svg',          labelOrigin: new google.maps.Point(18, 50)        }      };      this.markers.push(marker);    }  }
查看完整描述

1 回答

?
收到一只叮咚

TA貢獻1821條經驗 獲得超5個贊

嘗試使用MapOptions 接口的樣式屬性。像這樣:


options: google.maps.MapOptions = {

    mapTypeId: 'roadmap',

    mapTypeControl: false,

    scrollwheel: true,

    maxZoom: 18,

    minZoom: 10,

    streetViewControl: false,

    fullscreenControl: false,

    styles: [...]

  };

詳細的造型可能會有點煩人。您可以從此樣式向導生成一組樣式(它還有一個地標幻燈片以逐漸刪除它們,然后只需導出樣式數組)。



查看完整回答
反對 回復 2022-11-11
  • 1 回答
  • 0 關注
  • 145 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號