分类导航

React 发布时间：2019-10-13 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了React中使用百度地图API，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

今天我们来搞一搞如何在React中使用百度地图API好吧，最近忙的头皮发麻，感觉身体被掏空，所以很久都没来写博客了，但今天我一定要来一篇好吧

话不多说，我们直接开始好吧

1.去百度地图登录

http:.baidu.com/

2.获取密钥

　　登录后在右上角的控制台里面申请（由于这个我早已申请过了，就不给大家演示了，大家照着它的提示走就可以了）

3.拿到密钥后，

4.去node_modules文件夹下找react-script>config>webpack.config.dev.js

874_10283@e="React中使用百度地图API" alt="React中使用百度地图API" src="https://cn.js-code.com/res/2019/03-01/22/9be457ec12b744dfe026a26aa625e927.png" >

然后我们打开该文件添加一句话

{ 'BMap':'BMap'

874_10283@e="React中使用百度地图API" alt="React中使用百度地图API" src="https://cn.js-code.com/res/2019/03-01/22/03506865c2a1deb61af6b4ec17121d2f.png" >

5.到此我们已经可以在组件中愉快的使用百度地图API了，下面给个组件使用的实例

import React,{Component} from 'react''BMap'class AddressUi extends Component{
render() {
<span style="color: #0000ff">return<span style="color: #000000">(
<div className="address" id="address">

{ map = BMap.Map("address"); map.centerAndZoom( BMap.point(116.404,39.915),11); map.addControl( BMap.MapTypeControl()); map.setCurrentCity("北京"); ); } } export AddressUi

对百度地图API的具体操作可参照官网

http:.baidu.com/jsdemo.htm#i8_1

大佬总结

以上是大佬教程为你收集整理的React中使用百度地图API全部内容，希望文章能够帮你解决React中使用百度地图API所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: React中路由的基本使用下一篇:React中props

猜你在找的React相关文章