react项目中使用百度地图基础

182 阅读1分钟

1.创建百度地图密钥 2.react项目中引入百度地图

你可以在public/index.html文件中添加以下代码:

3.给容器设置宽度和高度 `` html,body,#root,#element,#container{ width: 100%; height: 100%; } 4.创建百度地图实例 componentDidMount() { // 创建地图实例 const map = new window.BMap.Map("mapContainer");

// 设置地图中心点和缩放级别 const point = new window.BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15);

// 添加控件(如缩放控件、平移控件等) map.addControl(new window.BMap.NavigationControl()); } 5.

image.png