前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >高德地图中当moveend事件以及zoomend事件以及隔5秒改变级别

高德地图中当moveend事件以及zoomend事件以及隔5秒改变级别

作者头像
贵哥的编程之路
发布2020-10-28 15:38:48
1.2K0
发布2020-10-28 15:38:48
举报
文章被收录于专栏:用户7873631的专栏
代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#container
		{
			width: 100%;
			height: 1000px;
			position: absolute;
			left: 0px;
			top: 0px;
		}
	</style>
	<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=c6e183994605d131f97132d2f296d713"></script>
</head>
<body>
	<script>
		window.onload=function()
		{
				var map=new AMap.Map('container',{//对象
					zoom:11,//初始的地图级别
					center:[121,30]//初始化的地图的中心点
				});
				console.log(map.getZoom());
				console.log(map.getCenter().toString());
				/*map.on('moveend',function()
					{ 地图进行缩放的时候监听该函数,也就是点击的时候哈.缩放
						console.log(map.getZoom());
						console.log(map.getCenter().toString());
					});*/
				//设置地图的级别
				setTimeout(function()//过5秒就设置级别为15级
					{
						map.setZoom(15);
					},5000);
				map.on('zoomend',function()
					{ 地图进行缩放的时候监听该函数,也就是点击的时候哈.缩放
						console.log(map.getZoom());
						console.log(map.getCenter().toString());
					});
						
		}
	</script>
	<div id="container"></div>
</body>
</html>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/08/04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档