2.7.1 • Published 4 months ago
@uiw/react-baidu-map-api-loader v2.7.1
APILoader
用于加载百度地图 SDK 依赖,加载完成,全局将会有 window.BMap
对象。
- 自动加载百度地图 SDK 依赖
- 避免重复加载 SDK 依赖
import { APILoader } from '@uiw/react-baidu-map';
// 或者单独安装使用
import APILoader from '@uiw/react-baidu-map-api-loader';
基本用法
Map 的父组件必须具有宽度和高度;
🚧 注意:如果你不使用
APILoader
组件,需要手动将 SDK 引入到 HTML 中。
<script
type="text/javascript"
src="http://api.map.baidu.com/api?v=3.0&ak=eYpCTECSntZmw0WyoQ7zFpCRR9cpgHFG&callback=load_bmap_sdk"
>
</script>
import React from 'react';
import { Map, APILoader } from '@uiw/react-baidu-map';
const Demo = () => (
<div style={{ width: '100%' }}>
<APILoader akay="eYpCTECSntZmw0WyoQ7zFpCRR9cpgHFG">
<Map autoLocalCity style={{ height: 350 }} />
</APILoader>
</div>
);
export default Demo;
禁用 SDK 加载
收到一个需求,希望自己在 html
中引入 SDK,不需要自动加载,可以使用 disableScripts
禁用,在 html 中自己手动添加
<APILoader disableScripts>
<Map style={{ height: 100, marginBottom: 10 }} />
</APILoader>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
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 | - |
2.7.1
4 months ago
2.7.0
5 months ago
2.6.3
5 months ago
2.6.2
9 months ago
2.6.1
12 months ago
2.6.0
1 year ago
2.5.5
1 year ago
2.5.4
1 year ago
2.5.3
2 years ago
2.5.0
2 years ago
2.5.2
2 years ago
2.5.1
2 years ago
2.3.0
2 years ago
2.1.2
2 years ago
2.2.0
2 years ago
2.1.1
2 years ago
2.4.0
2 years ago
2.0.7
2 years ago
2.0.8
2 years ago
2.1.0
2 years ago
2.0.6
2 years ago
2.0.5
3 years ago
2.0.3
3 years ago
2.0.4
3 years ago
2.0.2
3 years ago
2.0.1
3 years ago
2.0.0
3 years ago