google-maps中文文档|google-maps js中文教程|解析

npm npmdoc 2年前 (2021-12-31) 594次浏览

google-maps中文文档|google-maps js中文教程|解析

安装命令:npm i google-maps

谷歌地图加载器

谷歌地图 api 的异步加载器。

版本 >= 4.0.0: Typescript 定义与此包一起发布。安装@types/google-maps以前的版本。

此模块不会以任何方式更改原始 google maps api。它只是提供了异步加载和使用此 API 的简便方法。

仅浏览器!

安装

$ npm install --save google-maps

或与皮卡

<script type="module">
    import { Loader } from 'https://cdn.pika.dev/google-maps';
    // todo: see docs bellow
</script> 

用法

import {Loader, LoaderOptions} from 'google-maps';
// or const {Loader} = require('google-maps'); without typescript
 
const options: LoaderOptions = {/* todo */};
const loader = new Loader('my-api-key', options);
 
const google = await loader.load();
const map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8,
});

没有等待/异步:

loader.load().then(function (google) {
    const map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 8,
    });
});

选项

更新日志列表

  • 4.2.3

    • 添加对 IE11 的支持#78
  • 4.2.2

    • 允许使用#77授权clientID
  • 4.2.0

    • 从@types/googlemaps 添加官方类型
  • 4.1.1

    • 重建包
  • 4.1.0

    • 拒绝加载错误
    • 拒绝身份验证错误
  • 4.0.0

    • 使用 await/async 支持重写打字稿
  • 3.2.1

    • 自述文件中的错别字
  • 3.2.0

    • 删除了对 SENSOR 参数#34 的支持
    • 添加对 REGION 参数#36 的支持
    • 删除了已弃用的承诺 API #24
    • 修复一些测试用例#23
    • 自述文件中的错别字#22
  • 3.1.0

    • 修复模拟谷歌地图加载器
    • 添加语言参数#17
    • 修复自述文件中的错别字#19
    • 修复 IE 8 #21
    • 将存储库重命名为 Js-GoogleMapsLoader #15
  • 3.0.0

    • 注册到凉亭注册表
    • 搬到 Carrooi 组织
    • 使用模拟加载器,所以测试要快得多
    • 优化构建请求url
    • 一些变量和方法现在是私有的,不能从外部访问
    • 更新的依赖项
    • 整个包是用javascript编写的,而不是coffeescript
  • 2.1.1

    • 嘘**…. 忘记在 package.json 增加版本
  • 2.1.0

    • 添加了对库#3 的支持(感谢popara
    • 添加了测试
    • 小优化
  • 2.0.0

    • 添加了 Maps API for Business 支持
    • 为非通用 js 环境添加了独立版本
    • 删除了对q包的依赖
    • 使用回调代替承诺
    • 添加测试 + travis
    • 添加状态徽章
  • 1.0.0

    • 初始版本
项目贡献人员列表:


极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:google-maps中文文档|google-maps js中文教程|解析
喜欢 (0)
.excerpt .focus {display:none}