js api loader下载-JS js api loader程序源代码下载

js api loader

网站数据

v1.16.9

下载

Google地图JavaScript API加载程序

描述

动态加载Google Maps JavaScript API脚本。这从Google-Maps NPM软件包中获得了灵感，但用ES6，Prosisise和tyscript对其进行了更新。

安装

可通过NPM作为软件包 @googlemaps/js-api loader获得。

npm i @googlemaps/js-api-loader

另外，您可以使用UMPKG链接将UMD软件包直接添加到HTML文档中。

 < script src =" https://unpkg.com/@googlemaps/[email protected]/dist/index.min.js " > </ script >

通过UNPKG添加时，可以在google.maps.plugins.loader.Loader上访问加载程序。

打字稿

打字稿用户需要安装以下类型软件包。

npm i -D @types/google.maps

文档

参考文档可以在此链接上找到。 Google Maps JavaScript API文档是加载程序选项的权威来源。

例子

 import { Loader } from '@googlemaps/js-api-loader' ;

const loader = new Loader ( {
  apiKey : "" ,
  version : "weekly" ,
  libraries : [ "places" ]
} ) ;

const mapOptions = {
  center : {
    lat : 0 ,
    lng : 0
  } ,
  zoom : 4
} ;

使用特定库的承诺。

 // Promise for a specific library
loader
  . importLibrary ( 'maps' )
  . then ( ( { Map } ) => {
    new Map ( document . getElementById ( "map" ) , mapOptions ) ;
  } )
  . catch ( ( e ) => {
    // do something
  } ) ;

使用脚本加载何时的承诺。

 // Promise
loader
  . load ( )
  . then ( ( google ) => {
    new google . maps . Map ( document . getElementById ( "map" ) , mapOptions ) ;
  } )
  . catch ( e => {
    // do something
  } ) ;

另外，如果要使用回调。

 // Callback
loader . loadCallback ( e => {
  if ( e ) {
    console . log ( e ) ;
  } else {
    new google . maps . Map ( document . getElementById ( "map" ) , mapOptions ) ;
  }
} ) ;