當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript google-maps.load函數代碼示例

本文整理匯總了TypeScript中google-maps.load函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript load函數的具體用法?TypeScript load怎麽用?TypeScript load使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。


在下文中一共展示了load函數的2個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: ngAfterViewInit

  ngAfterViewInit() {
    let el = this._elementRef.nativeElement.querySelector('.google-maps');

    // TODO: do not load this each time as we already have the library after first attempt
    GoogleMapsLoader.load((google) => {
      new google.maps.Map(el, {
        center: new google.maps.LatLng(33.5055259, -112.07474560000003),
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
    });
  }
開發者ID:tedma4,項目名稱:chatstir_admin,代碼行數:12,代碼來源:googleMaps.component.ts

示例2: ngAfterViewInit

  ngAfterViewInit(): void{
    let el = this._elementRef.nativeElement.querySelector('.google-maps');

    // TODO: do not load this each time as we already have the library after first attempt
    GoogleMapsLoader.load((google) => {
      this.google = google;
      this.map = new google.maps.Map(el, {
        center: new google.maps.LatLng(33.5055259, -112.07474560000003),
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });

      this.icons = {
        user: {
          icon: "https://maps.gstatic.com/intl/en_us/mapfiles/markers2/measle_blue.png"
        },
        last: {
          icon: "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png"
        }
      };
      this.getDots();
    });
  }
開發者ID:tedma4,項目名稱:chatstir_admin,代碼行數:23,代碼來源:areaDashboard.component.ts


注:本文中的google-maps.load函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。