react-amap填坑指南

最新推荐文章于 2025-10-08 14:52:42 发布

原创最新推荐文章于 2025-10-08 14:52:42 发布 · 4.9k 阅读

0 ·

CC 4.0 BY-SA版权

react 同时被 2 个专栏收录

7 篇文章

订阅专栏

map

4 篇文章

订阅专栏

本文介绍了解决使用react-amap时遇到的与AMapUI组件库兼容性问题的方法。需要升级react-amap版本至1.1.1以上，并在Map组件中添加useAMapUI参数。

使用AMapUI 组件库时，报错：XX is not a constructor

react-amap的版本得升级到 1.1.1及以上，支持加载 AMapUI 组件库

1. react-amap版本卸载package.json里面"react-amap": "^1.2.7"

2. amap版本根据react-amap文档，写在Map组件里即可

<Map
    version={'1.4.4'}//amap版本
    amapkey={'XXXXXX'}
    plugins={['ToolBar']}
    center={this.center}
    zoom={15}
    expandZoomRange={true}
    zooms={zooms}
    animateEnable={true}
    events={this.mapEvents}
    useAMapUI//加此参数
> </Map>