云迈博客

您现在的位置是:首页 > 灌水专栏 > 正文

灌水专栏

地图数据缩放展示

刘琦2021-10-31灌水专栏384
首先看地图的展示效果![在这里插入图片描述](https://img-bl

首先看地图的展示效果
在这里插入图片描述
在这里插入图片描述
会根据不同的缩放比例展示不同的标点名称
地图缩放数据展示方式
1.数据的展示需要定义一个优先级 列如:地图缩放比列为1展示优先级最高的的数据
2.当缩放到一定比列展示地图屏幕范围内的数据

高徳地图获取屏幕范围的经纬度
在这里插入图片描述
高徳地图获取当前缩放比例

AMap.event.addListener(map,'zoomend',function(){
        let scale = 20 - map.getZoom();
        console.log(map.getZoom());
});

实现效果
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
前端请求参数

后台处理

这里有个问题缩放比列很小的时候经纬度会是负数这里从地图缩放为10的查询开始

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~