地图内部状态改变时触发的事件
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事件-加载+改变等级+改变中心点所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)