高德地图AMap.Map is not a constructor问题解决

最新推荐文章于 2025-03-11 15:33:35 发布

shidaping

最新推荐文章于 2025-03-11 15:33:35 发布

阅读量7.1w

点赞数

分类专栏： amap web前端文章标签：高德地图 callback 异步 amap

本文链接：https://blog.youkuaiyun.com/shidaping/article/details/78537730

版权

web前端同时被 2 个专栏收录

49 篇文章

订阅专栏

amap

1 篇文章

订阅专栏

这个问题说的是AMap.Map不是一个构造函数。原因就有于有一部分代码没有执行完毕。这是因为amap js里面有一部分是异步加载的，或者是我们在js中手动加载amap js导致的。amap js提供了一个callback回调，把创建地图的代码放在回调里即可。需要先创建一个全局函数，具体代码如下：

<script src="http://webapi.amap.com/maps?v=1.4.0&key=您申请的key值&callback=init"></script>
<script type="text/javascript">

    window.init = function(){
        var map = new AMap.Map('container', {
           center:[117.000923,36.675807],
           zoom:11
        });
    }

</script>

官方文档地址：

http://lbs.amap.com/api/javascript-api/guide/function/loading