干货,无话
1、react-create-app,创建新react项目;
2、npm install react-amap,引入高德地图的封装;
3、编写组件index.js:
import React from "react";
import ReactDOM from "react-dom";
import Map from "./Map3";
let mapData = {
city: "北京",
mapCenter:[116.418261, 39.921984], //城市定位,经纬度定位只能选择1个
mapZoom: 10, //地图缩放
mapKey: '12345678d98aff1166e51962f108bb24', //你的高德key
status: { //是否支持放大拖拽
zoomEnable: true,
dragEnable: true,
},
mapMaker :[ //marker标记点(list)
{lnglat:[116.401728,39.911984],text:'要显示的内容1'},
{lnglat:[116.436691,39.921984],text:'要显示的内容2'}
],
plugins:['ToolBar']
};
ReactDOM.render(
document.getElementById("root")
);
注意render方法内引