react中使用高德地图，map is not defined

Question

react中使用高德地图，map is not defined

发布于
2018-06-20

更新于
2018-06-20

我目前是按高德文档照搬过来用的，我在index.html全局引用的，然后就会报这个提示，api里的功能我用着倒是正常的，请问是我引用api的方式需要换，还是哪里的问题呢，谢谢。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title> </title>
    <link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css" />
    <!-- 高德地图API -->
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.6&key=我的key"></script>
    <script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
    <!-- 微信API -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

</head>

<body>
    <div id="root"></div>
</body>

</html>

图片描述