@uiw/react-baidu-map-api-loader

^{使用 我的应用 也是一种 支持 我的方式：}

APILoader
===


用于加载百度地图 SDK 依赖，加载完成，全局将会有 window.BMap 对象。

- [x] 自动加载百度地图 SDK 依赖
- [x] 避免重复加载 SDK 依赖

``jsx
import { APILoader } from '@uiw/react-baidu-map';
// 或者单独安装使用
import APILoader from '@uiw/react-baidu-map-api-loader';
`

$3

Map 的父组件必须具有宽度和高度；


> 🚧 注意：如果你不使用 APILoader 组件，需要手动将 SDK 引入到 HTML 中。



`html
type="text/javascript"
src="http://api.map.baidu.com/api?v=3.0&ak=eYpCTECSntZmw0WyoQ7zFpCRR9cpgHFG&callback=load_bmap_sdk"
>

`


`jsx mdx:preview
import React from 'react';
import { Map, APILoader } from '@uiw/react-baidu-map';

const Demo = () => (


export default Demo;
`

$3

收到一个需求，希望自己在 html 中引入 SDK，不需要自动加载，可以使用 disableScripts 禁用，在 html 中自己手动添加

`jsx


`

`html

`

$3

| 参数 | 说明 | 类型 | 默认值 |
|--------- |-------- |--------- |-------- |
| akay | 必填 disableScripts=true 时选填 您需先申请密钥（ak）才可使用该服务，接口无使用次数限制，请开发者放心使用。 | string | - |
| version | SDK 版本 | string | 3.0 |
| protocol | 协议，默认是根据当前网站协议的 | http/https | window.location.protocol |
| hostAndPath | 请求 SDK 的前半部分 | string | api.map.baidu.com/api |
| type | 可选使用百度的 webgl 地图 | webgl | - |
| disableScripts | 禁用 SDK 加载 | boolean | -` |