基于 React 的百度地图组件 react-baidu-map

MIT
TypeScript
跨平台
2019-11-25
同一种调调

【年终提升】2019尾声,来 OSC·年终盛典收割技术干货,get新技能!>>>

react-baidu-map 是一个基于 React 封装的百度地图组件,帮助你轻松的接入地图到 React 项目中。

文档预览: Github | Gitee

安装

不依赖 uiw 组件库

npm install @uiw/react-baidu-map --save

使用

import { Map, APILoader } from '@uiw/react-baidu-map';

const Demo = () => (
  <div style={{ width: '100%', height: '300px' }}>
    <APILoader akay="GTrnXa5hwXGwgQnTBG28SHBubErMKm3f">
      <Map />
    </APILoader>
  </div>
);
ReactDOM.render(<Demo />, _mount_);

 

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

react-native-baidu-map使用及注意问题

使用组件: react-native-baidu-map 获取百度地图API_KEY 地址:http://lbsyun.baidu.com,在控制台成功创建应用后,就可以看到应用的api key了 安装 yarn add react-native-baidu-map 原生部...

2019/05/06 10:55
133
0
react-native-baidu-map android 配置

最近折腾react-native,集成百度地图遇到了坑,且持续的时间比较长,折腾了好几天才彻底折腾好,现在把折腾经验罗列一二,免得有同胞跟我一样持续折腾 1、初始化react-native 项目,并且下载r...

2018/08/01 14:57
53
0
开源:ReactNative集成百度语音开源库

笔者在之前这篇文章中ReactNative集成百度语音合成介绍了在项目中如何集成百度语音合成步骤和部分代码。 今天重(you)磅(dian)推(peng)出(zhang)百度语音合成开源库# react-native-baidu-vtts...

2019/10/22 15:15
78
0
百度地图API 学习网站

官方示例:http://developer.baidu.com/map/jsdemo.htm#a1_2 (注意:此网页可能由于浏览器问题,源代码编辑器中的代码不能看到。火狐亲测有效) http://developer.baidu.com/map/jsdevelop...

2016/03/04 14:16
33
1
10本 IT 技术书籍推荐

总有一款适合你

2015/10/13 11:44
758
0
地图应用开发(android)使用百度地图sdk详解+案例附源码

现在自己的app需要用的功能有很多,比如需要实现定位或者地图等功能时候,我们可以使用百度地图api来简化开发流程!节约成本~

2016/06/15 17:26
4.5K
0
React Native近期学习资料

安卓应用调试 http://www.jianshu.com/p/1ecb98fa8015 Android虚拟机Genymotion http://www.cnblogs.com/meteoric_cry/p/4874517.html http://wenku.baidu.com/link?url=SGwEJGhBCWqJtZiiqKi...

2016/11/08 13:40
10
0
Zk 与WebMap(Baidu,Soso,Arcgis)的整合应用

Zkoss框架与当前流行歌各种Web GIS整合,非常简单,本质上是Zkoss的前端应用。 主要解决以下两块问题 1)Map嵌入。 2)Zkoss框架与Map API的相互调用。 1. Map嵌入 ZK的Html组件是最好的容器...

2013/08/17 21:19
862
0
调用手机GPS实现当前位置定位并展现百度地图上

<style type="text/css"> * { height: 100%; // 设置高度,不然会显示不出来 } </style> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javasc...

2016/12/28 09:35
146
0
微信LBC基础开发

微信LBC基础开发

2015/12/06 22:05
124
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部