作者：360691894_8a5c48 | 来源：互联网 | 2023-02-12 21:55
目前的使用
1、裸游
(1) 引入高德 JS API
html>
<html>
<head>
<script type="text/Javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值">
script>
head>
<body>
<div id="root">div>
body>
html>
(2)、开发业务逻辑
export default () => {
const map = useRef();
const cOntainer= useRef();
useEffect(() => {
if (container.current) {
map.current = new AMap.Map(container.current, {
resizeEnable: true,
zoom: 16
})
}
}, [container]);
return
);
};
效果图如下：
目前包含的组件
| 名称 | 说明 |
|---|
| Map | 地图组件 |
| BezierCurve | 贝塞尔曲线 |
| BezierCurveEditor | 编辑贝塞尔曲线，必须作为BezierCurve的子组件使用 |
| Circle | 圆形 |
| CircleEditor | 编辑圆形，必须作为Circle的子组件使用 |
| CircleMarker | 圆点标记 |
| ContextMenu | 地图右键菜单 |
| ControlBar | 组合了旋转、倾斜、复位、缩放在内的地图控件, 3D地图使用 |
| Ellipse | 椭圆 |
| EllipseEditor | 编辑椭圆，必须作为Ellipse的子组件使用 |
| Heatmap | 热力图组件 |
| InfoWindow | 信息窗体 |
| MapType | 地图类型切换插件，用来切换固定的几个常用图层 |
| Marker | 单个坐标点 |
| Markers | 海量坐标点 |
| MouseTool | 鼠标工具 |
| OverView | 地图鹰眼 |
| Polygon | 在地图上显示多边形 |
| Polyline | 在地图上显示折线 |
| PolyEditor | 多边形和折线的编辑组件，必须作为其子组件使用 |
| Rectangle | 在地图上显示矩形 |
| RectangleEditor | 编辑矩形，必须作为Rectangle的子组件使用 |
| Scale | 比例尺 |
| ToolBar | 工具条 |
如不满足您的需求，欢迎在 issues 讨论。
京公网安备 11010802041100号