高德地图地图层级不同显示marker数量不同

本文介绍在使用高德地图API时,随着地图层级变化,marker显示数量的不同现象。在低层级地图上点数较少,当放大比例后,显示的marker数量增多。这一现象与地图的渲染策略和性能优化有关。
摘要由CSDN通过智能技术生成

页面渲染获取经纬度数据(mapData)以后初始化地图initMap()方法
页面效果
在这里插入图片描述
放大比例后点数变多
在这里插入图片描述
在这里插入图片描述

<template>
    <div class="hot_wrapper">
        <div class="map">
            <div style="height:100%;width:100%;outline: none!important;" id="container" tabindex="0"> </div>
        </div>
    </div>
</template>

<script>
import AMap from "AMap";
export default {
   
    data() {
   
        return {
   
            adCode: 330600, // 绍兴
            disProvince: null, // 区域图层
            depth: 2, // 区域等级 0省级 1市级 2区县级
            colors: {
   }, // 区域颜色330683 山乘州市
                                    // 330624 新昌县
                                    // 330604 上虞区
                                    // 330602 越城区
                                    // 330603 柯桥区
                                    // 330681 诸暨市
            city: '绍兴市',
            mapData:[],//地图经纬度数据
            mapDataMarker:[],//图层级变化点数量个数变化
            pathContentArr:[],//地图层级变化点数量提示
            unitId:'',//单位id
            iconPath:'',//图标路径
        }   
    },
    methods:{
   
    	initMap() {
   // 创建地图
            var that = this
            this.map = new AMap.Map('container', {
   
                zoom:10,
                zooms: [10,14],
                center:[120.535719,29.956348],
                // center:[120.580444,29.859701],
                resizeEnable: true,
                showIndoorMap: false,
                mapStyle:"amap://styles/0206dfbcbabc11e4971c1a2e6bcdda2e",
                // mapStyle:"amap://styles/darkblue",
                features:['point'</
  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值