vue中使用高德地图自定义行政区划聚合

最新推荐文章于 2025-02-11 14:55:14 发布

甜甜凉白开

最新推荐文章于 2025-02-11 14:55:14 发布

阅读量1.8k

点赞数 1

分类专栏：地图文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_41877050/article/details/121290186

版权

先看实现效果(上传图片说是违规，我也不知道为啥，所以就把图片删了)：

找了很多，都直接是官方的数据，反复查看官方文档，终于完美解决。如果能够帮到你，欢迎大家点赞收藏加关注，多多交流，互相学习，共同进步！！！！

直接上代码：

<template>
    <div id="map_index"></div>
</template>
<script>
export default {
    name:"ditu",
    data(){
        return{
            amap:null,
            zoom:4,
            pointData:[],
        }
    },
    methods: {
        getAMap(){
            let map = new AMap.Map('map_index', {
                resizeEnable: true,
                zoom: this.zoom,
                center: [104.676809,37.290981],
            });
            this.amap = map
            this.loadDistrictCluster();
        },
        loadDistrictCluster(){
            let cur = this
            AMapUI.load(['ui/geo/DistrictClus