高德地图API事件-加载+改变等级+改变中心点

高德地图API事件-加载+改变等级+改变中心点,第1张

概述地图内部状态改变时触发的事件 complete <!DOCTYPE html> <html lang="en"> <head> <meta

地图内部状态改变时触发的事件

 

 

complete

<!DOCTYPE HTML><HTML lang="en"head>    Meta charset="UTF-8"Title>map</script type="text/JavaScript" src="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Transfer,AMap.autocomplete"></script>     style>        *{margin:0;paddingList-style none}        #container wIDth100% height 100%topleftposition absolute;           #panel fixed280px10pxrightbackground-color #fff}    bodydiv ID="container"div="panel">    >        var map=new AMap.Map("container,{            zoom:11121.54979229.868388]        });           map.on(completefunction(){            console.log(地图加载完成);        })        console.log(地图未加载完成);    >    HTML>

 

 

加载完成后插入一段文本

);            //加载完成后插入一段文本             txt AMap.Text({                text:]            })            txt.setMap(map);        })        console.log(>

 

  

zoomstart  zoomend

zoomstart地图等级改变开始);        })        map.on(zoomend地图等级改变结束);        })    >

 

 

工具条改变的地图等级也能监听到

="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Toolbar"]        });           map.addControl( AMap.Toolbar());                map.on(>

 

mapmove  movestart  moveend

="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a"mapmove地图中心点移动中movestart地图中心点开始移动moveend地图中心点结束移动>

 

 

使用工具条移动,或者使用键盘的上下左右箭头移动,也能够监听到

panTo这类也可以

);        })        setTimeout((){            map.panTo([27.868388]);        },1)">2000)    >
29.6683885000>

 

 

resize

],resizeEnable:true不开启则无法触发resize事件        });           map.on(resize容器大小改变>

 

总结

以上是内存溢出为你收集整理的高德地图API事件-加载+改变等级+改变中心点全部内容,希望文章能够帮你解决高德地图API事件-加载+改变等级+改变中心点所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1026874.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存