高德地图 下拉搜索五省 根据电价区分区域颜色

最新推荐文章于 2024-06-12 11:42:01 发布
最新推荐文章于 2024-06-12 11:42:01 发布
阅读量413 收藏
点赞数
文章标签： ui javascript ViewUI
原文链接：http://www.cnblogs.com/sunyilindbk/p/9342869.html
版权 
<!-- 重点： on, setAreaNodesForLocating -->
<!doctype html>
<html lang="zh-CN">

<head>
    <!-- 原始地址：//webapi.amap.com/ui/1.0/ui/geo/DistrictExplorer/examples/events.html -->
    <base href="//webapi.amap.com/ui/1.0/ui/geo/DistrictExplorer/examples/" />
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>事件处理</title>
    <style>
    html,
    body,
    #container {
        width: 100%;
        height: 100%;
        margin: 0px;
    }
    #search{
        position: relative;         
        z-index: 20;
        margin-bottom:-20px;
    }
    #tip {
        background-color: #fff;
        padding:0 10px;
        border: 1px solid silver;
        box-shadow: 3px 4px 3px 0px silver;
        position: absolute;
        font-size: 12px;
        right: 10px;
        top: 5px;
        border-radius: 3px;
        line-height: 36px;
    }
    </style>
</head>

<body>
        
    <div id="container"></div>
    <div id="tip">
            省：<select id='province' style="width:100px" οnchange='search(this)'></select>
            市：<select id='city' style="width:100px" οnchange='search(this)'></select>
            区：<select id='district' style="width:100px" οnchange='search(this)'></select>
            街道：<select id='street' style="width:100px" οnchange= 'setCenter(this)'></select>
        </div>
    <script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.8&key=3eea2775baa95074bbac31d5e5490726&plugin=AMap.DistrictSearch'></script>
    <!-- UI组件库 1.0 -->
    <script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <script src="E:\MyPublic\gaodeMAP\js\jquery-1.11.2.min.js"></script>
    <script type="text/javascript">

    var mapDatas = [
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41445866,
            "REGIONNAME": "广州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41354713,
            "REGIONNAME": "韶关市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.42041984,
            "REGIONNAME": "深圳市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41093388,
            "REGIONNAME": "珠海市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41342017,
            "REGIONNAME": "汕头市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41336784,
            "REGIONNAME": "佛山市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40996575,
            "REGIONNAME": "江门市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40668768,
            "REGIONNAME": "湛江市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40763706,
            "REGIONNAME": "茂名市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41367927,
            "REGIONNAME": "肇庆市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41789693,
            "REGIONNAME": "惠州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41459185,
            "REGIONNAME": "梅州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41576698,
            "REGIONNAME": "汕尾市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41482884,
            "REGIONNAME": "河源市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41064483,
            "REGIONNAME": "阳江市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41546825,
            "REGIONNAME": "清远市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41828379,
            "REGIONNAME": "东莞市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41126406,
            "REGIONNAME": "中山市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41232637,
            "REGIONNAME": "潮州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41406927,
            "REGIONNAME": "揭阳市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.41337121,
            "REGIONNAME": "云浮市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40213293,
            "REGIONNAME": "贵阳市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.38831747,
            "REGIONNAME": "六盘水市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40366817,
            "REGIONNAME": "遵义市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.39971408,
            "REGIONNAME": "安顺市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.4089855,
            "REGIONNAME": "铜仁市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40215451,
            "REGIONNAME": "黔西南布依族苗族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.39332938,
            "REGIONNAME": "毕节市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40215451,
            "REGIONNAME": "黔东南苗族侗族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40215451,
            "REGIONNAME": "黔南布依族苗族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "南宁市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "柳州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "桂林市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "梧州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "北海市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "防城港市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "钦州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "贵港市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "玉林市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "百色市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "贺州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "河池市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "来宾市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40401939,
            "REGIONNAME": "崇左市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40505433,
            "REGIONNAME": "海口市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40792346,
            "REGIONNAME": "三亚市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "三沙市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "五指山市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40904352,
            "REGIONNAME": "琼海市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40199688,
            "REGIONNAME": "儋州市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "文昌市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "万宁市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "东方市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "定安县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "屯昌县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "澄迈县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "临高县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "白沙黎族自治县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "昌江黎族自治县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "乐东黎族自治县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "陵水黎族自治县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "保亭黎族苗族自治县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0.40262911,
            "REGIONNAME": "琼中黎族苗族自治县"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "昆明市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "曲靖市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "玉溪市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "保山市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "昭通市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "丽江市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "普洱市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "临沧市"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "楚雄彝族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "红河哈尼族彝族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "文山壮族苗族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "西双版纳傣族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "大理白族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "德宏傣族景颇族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "怒江傈僳族自治州"
        },
        {
            "INTERVALSTARTTIME": "2018-06-22 17:45:00",
            "PRICE": 0,
            "REGIONNAME": "迪庆藏族自治州"
        }
    ]
    //创建地图
    var map = new AMap.Map('container', {
        resizeEnable: true,
        center: [107.30946, 23.937629],
        zoom: 7
    });

    // 根据电价值来选择颜色，根据行政编号来确定地图颜色区域
    //just some colors
    var colors = [
        "#3366cc", "#dc3912", "#ff9900", "#109618", "#990099", "#0099c6", "#dd4477", "#66aa00",
        "#b82e2e",
         "#316395", "#994499", "#22aa99", "#aaaa11", "#6633cc", "#e67300", "#8b0707",
        "#651067", "#329262", "#5574a6", "#3b3eac"
    ];

    AMapUI.loadUI(['geo/DistrictExplorer'], function(DistrictExplorer) {

        //创建一个实例
        var districtExplorer = new DistrictExplorer({
            eventSupport: true,
            map: map
        });

        //创建一个辅助Marker，提示鼠标内容
        var tipMarker = new AMap.Marker({
            //启用冒泡，否则click事件会被marker自己拦截
            bubble: true
        });

        //监听feature的hover事件
        districtExplorer.on('featureMouseout featureMouseover', function(e, feature) {

            var isHover = e.type === 'featureMouseover';

            if (!isHover) {
                tipMarker.setMap(null);
                return;
            }
            var contentText = feature.properties.name;
            mapDatas.map(item=>{
                if(feature.properties.name == item.REGIONNAME){
                    contentText = `<div>${feature.properties.name}</div><div>电价：${item.PRICE}</div>`;
                }
            })
            tipMarker.setMap(map);

            tipMarker.setPosition(e.originalEvent.lnglat);

            tipMarker.setLabel({
                offset: new AMap.Pixel(20, 20),
                content: contentText //气泡里的内容
            });

        });

        //监听鼠标在feature上滑动
        districtExplorer.on('featureMousemove', function(e, feature) {
            //更新提示位置
            tipMarker.setPosition(e.originalEvent.lnglat);
        });

        //feature被点击
        districtExplorer.on('featureClick', function(e, feature) {

            console.log('点击: ' + feature.properties.name);
        });

        //外部区域被点击
        districtExplorer.on('outsideClick', function(e) {

            console.log('区域外点击');
        });
        var colorsFun = (value) => {
            if (value>=0&&value<=0.099){
                return colors[0]
            }else if(value>=0.1&&value<=0.199){
                return colors[1]
            }else if(value>=0.2&&value<=0.299){
                return colors[2]
            }else if(value>=0.3&&value<0.4){
                return colors[3]
            }else if(value>=0.4&&value<=0.499){
                return colors[4]
            }else if(value>=0.5&&value<=0.599){
                return colors[5]
            }else if(value>=0.6&&value<=0.699){
                return colors[6]
            }else if(value>=0.7&&value<=0.799){
                return colors[7]
            }else if(value>=0.8&&value<=0.9){
                return colors[8]
            }else if(value>0.9){
                return colors[9]
            }else{
                return '#fff'
            }
        }

        function renderAreaNode(areaNode) {
            // if ([310000, 330100, 330200].indexOf(areaNode.getAdcode()) >= 0) {
                // 440000, //广东
                // 450000, //广西
                // 460000, //海南
                // 520000, //贵州
                // 530000, //云南
            if ([440000, 450000, 460000,520000,530000].indexOf(areaNode.getAdcode()) >= 0) {
                //绘制子区域
                districtExplorer.renderSubFeatures(areaNode, function(feature, i) {
                    // console.log("feature",feature);
                    // console.log('i',i)
                    var fillColor = '#fff',strokeColor = '#fff'
                    mapDatas.map(item=>{
                        if(feature.properties.name == item.REGIONNAME){
                            fillColor = strokeColor = colorsFun(item.PRICE);
                        }
                    })
                    // var strokeColor = colors[colors.length - 1 - i % colors.length];

                    return {
                        cursor: 'default',
                        bubble: true,
                        strokeColor: strokeColor, //线颜色
                        strokeOpacity: 1, //线透明度
                        strokeWeight: 1, //线宽
                        fillColor: fillColor, //填充色
                        fillOpacity: 0.35, //填充透明度
                    };
                });
            }

            //绘制父区域
            districtExplorer.renderParentFeature(areaNode, {
                cursor: 'default',
                bubble: true,
                strokeColor: 'black', //线颜色
                strokeOpacity: 1, //线透明度
                strokeWeight: 1, //线宽
                fillColor: 'gray', //填充色
                fillOpacity: 0.2, //填充透明度
            });
        }

        var adcodes = [
            440000, //广东
            450000, //广西
            460000, //海南
            520000, //贵州
            530000, //云南
            // 310000, //上海
            // 330100, //杭州
            // 330200, //宁波
            // 330000 //浙江
        ];

        districtExplorer.loadMultiAreaNodes(adcodes, function(error, areaNodes) {

            //设置定位节点，支持鼠标位置识别
            //注意节点的顺序，前面的高优先级
            districtExplorer.setAreaNodesForLocating(areaNodes);

            //清除已有的绘制内容
            districtExplorer.clearFeaturePolygons();


            for (var i = 0, len = areaNodes.length; i < len; i++) {
                renderAreaNode(areaNodes[i]);
            }

            //更新地图视野
            // map.setFitView();
            // map.setFitView(districtExplorer.getAllFeaturePolygons());
        });
        
    });
    // 根据下拉框 来获取 选中的地区 并将它突出显示
    var map, district, polygons = [], citycode;
    var citySelect = document.getElementById('city');
    var districtSelect = document.getElementById('district');
    var areaSelect = document.getElementById('street');

    // map = new AMap.Map('mapContainer', {
    //     resizeEnable: true,
    //     center: [116.30946, 39.937629],
    //     zoom: 3
    // });
    //行政区划查询
    var opts = {
        subdistrict: 1,   //返回下一级行政区
        showbiz:false  //最后一级返回街道信息
    };
    district = new AMap.DistrictSearch(opts);//注意：需要使用插件同步下发功能才能这样直接使用
    district.search('中国', function(status, result) {
        if(status=='complete'){
            getData(result.districtList[0]);
        }
    });
    function getData(data,level) {
        var bounds = data.boundaries;
        if (bounds) {
            for (var i = 0, l = bounds.length; i < l; i++) {
                var polygon = new AMap.Polygon({
                    map: map,
                    strokeWeight: 1,
                    strokeColor: '#CC66CC',
                    fillColor: '#CCF3FF',
                    fillOpacity: 0.5,
                    path: bounds[i]
                });
                polygons.push(polygon);
            }
            map.setFitView(polygons);//地图自适应
            // map.setFitView(districtExplorer.getAllFeaturePolygons());
        }
        //清空下一级别的下拉列表
        if (level === 'province') {
            citySelect.innerHTML = '';
            districtSelect.innerHTML = '';
            areaSelect.innerHTML = '';
        } else if (level === 'city') {
            districtSelect.innerHTML = '';
            areaSelect.innerHTML = '';
        } else if (level === 'district') {
            areaSelect.innerHTML = '';
        }

        var subList = data.districtList;
        var subList2 = [];
        if(!level){
            subList.map(item => {
                if(item.name == '广东省' || item.name == '广西壮族自治区' || item.name == '云南省' || item.name == '贵州省' || item.name == '海南省'){
                    subList2.push(item)
                }
            })
            subList = subList2;
        }
        if (subList) {
            var contentSub = new Option('--请选择--');
            var curlevel = subList[0].level;
            var curList =  document.querySelector('#' + curlevel);
            curList.add(contentSub);
            for (var i = 0, l = subList.length; i < l; i++) {
                var name = subList[i].name;
                var levelSub = subList[i].level;
                var cityCode = subList[i].citycode;
                contentSub = new Option(name);
                contentSub.setAttribute("value", levelSub);
                contentSub.center = subList[i].center;
                contentSub.adcode = subList[i].adcode;
                curList.add(contentSub);
            }
        }
        
    }
    function search(obj) {
        //清除地图上所有覆盖物
        for (var i = 0, l = polygons.length; i < l; i++) {
            polygons[i].setMap(null);
        }
        var option = obj[obj.options.selectedIndex];
        var keyword = option.text; //关键字
        var adcode = option.adcode;
        district.setLevel(option.value); //行政区级别
        district.setExtensions('all');
        //行政区查询
        //按照adcode进行查询可以保证数据返回的唯一性
        district.search(adcode, function(status, result) {
            if(status === 'complete'){
                getData(result.districtList[0],obj.id);
            }
        });
    }
    function setCenter(obj){
        map.setCenter(obj[obj.options.selectedIndex].center)
    }
</script>
<script type="text/javascript" src="https://webapi.amap.com/demos/js/liteToolbar.js"></script>
</body>

</html>

　　

转载于:https://www.cnblogs.com/sunyilindbk/p/9342869.html

dengwei8679
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 高德地图 不同区域显示不同颜色_联测科技丨高德地图不仅仅是拿来导航的...
weixin_39682940的博客
12-09 1636
高德地图不仅仅当做一个导航工具，他还有许多不一样的用途。隐藏功能一：制作高大上的PPT地图高德地图强悍的功能，我们需要进入这个网站：https://lbs.amap.com，也就是高德开放平台。在这里，自定义地图的样式，改变颜色：添加地图的纹理：创建三维地图：所以这些是怎么创建的呢？点击『自定义地图』，进入操作界面：可以借用提供的基础模板，创建地图：选择一个模板，进入在这里，可以选择，修改地图上的...
Android 高德地图之poi搜索功能的实现代码
01-20
在Android开发中，集成地图服务是一项常见的需求，而高德地图API提供了丰富的功能，包括位置定位、路线规划以及我们这里关注的POI（Point of Interest）搜索。本篇将详细介绍如何在Android应用中实现高德地图的POI...
android 高德地图设置不能旋转_你以为高德地图只是个地图，并不是？它其实还是个PPT制作神器...
weixin_39717152的博客
10-29 250
今天跟大家分享一个冷知识！让你大开眼界！先问大家一个问题，你平时导航用什么软件？可能很多人，脱口而出会说：高德地图！高德地图确实在导航方面很厉害，但他真的只单纯的是一个导航软件吗？不见得！它其实还是一个PPT图表制作神器！关注我，私信关键字【超赞地图】获取可编辑地图素材！利用它，你可以轻松做出这样的PPT页面：也可以用它制作高大上的PPT数据图表，就像这样：即便你完全没有设计基础，利用高德地图也可...
2024年6月份实时获取地图边界数据方法，省市区县街道多级联动【附实时geoJson数据下载】
最新发布
HashTang的博客
06-12 714
回想起平常使用高德地图搜索某个地名的时候，好像会有个边界区域给我们绘制出来，然后我就觉得它既然能画出来，应该会有办法从某些渠道获取，或者高德地图会提供相应的API。于是乎，去到了高德开放平台仔细的查看了一下他提供的api，哈哈，果然有！有了接口，接下来就是撸码了。可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、区/县级geojson行政边界数据、省市区县街道行政编码四级联动数据（可精确到乡镇/街道级）、省市区县街道乡村五级行政编码。
使用高德地图画区且标记不同背景色
xy19950125的博客
04-07 3414
1.引入cdn <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己的apik&plugin=AMap.DistrictSearch"></script> 2.页面使用 如果是单独的js的话 会简单很多 这里就是结合vue来使用 下面就以上海市...
高德地图系列之多边形polygon、行政边界查询districtExplorer、海量麻点MassMarks
热门推荐
Gytha_1的博客
06-14 1万+
多边形polygon： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;map&lt;/title&gt; &lt;script type="text/javascript" src=""&gt;&lt;/script&gt; &lt;style type="
vue使用高德地图的行政区域浏览
hjh15827475896的博客
03-03 3794
工作用遇到这样的需求，要求在地图上把每个行政区画上不同的色块， 并且添加一个标注文本来说明，也就是实现下图这种的效果 ： 这是金华市下的各级县市的 区域划分 上面的效果， 高德可以有两种方式来实理 一 绘制行政区划边界 高德地图api 二 UI组件-行政区划浏览 UI组件库-行政区划浏览参考文档 我们这里来说明一下， 第二种方法的使用 方法如下 引入 UI 组件库 这里还是说一下 vue 中的 AMap 和 AMapUI 的引入吧，（不用 npm 下载 Amap 的 包） 在vu
基于vue的高德地图实现5级城市级联搜索.zip
07-06
vue+高德地图原生制作五级城市级联框（并加入高德地图区域渲染）。 想要实现一个上图的效果，实际上我们可以拆分成左边的级联搜索框和右边的高德地图渲染。级联框的数据来源来自高德地图的API,后面我会提到地图数据...
python通过高德多边形区域搜索获取区域内poi数据核心代码
05-29
#encoding = utf-8 #本程序精致禁止用于商业...#程序运行需要在高德开发端设置自己的项目，并实名认证 #程序可以获得信息，指定区域内，指定经营类型，终端门店信息 #程序可以循环运行，需要提供准确的对角经纬度坐标
高德地图，搜索附件的位置
10-15
"高德地图，搜索附件的位置"这个主题涉及到的是如何使用高德地图API在web页面上实现一个功能，即查找并显示距离用户指定位置最近的点。下面我们将深入探讨相关知识点。 首先，**高德地图API** 是高德地图提供的一套...
高德地图集成定位和根据地址搜索经纬度进行定位功能
04-16
本文将详细介绍如何在项目中集成高德地图的定位服务，并实现根据地址搜索经纬度进行定位。 首先，我们需要了解高德地图SDK的集成步骤。在Android或iOS项目中，开发者需要先在高德地图官网注册并获取API密钥（AK），...
高德地图城市编码对照表
09-13
高德地图城市编码对照表，很全的编码，全国所有城市编码，便于后台、前端、app开发，配置
高德地图 Web JS API UI组件示例学习笔记（6）——行政区划浏览
hequhecong10857的博客
12-29 1833
事件处理 DistrictExplorer下的各类事件的处理方法。 本示例根据adcode绘制了相应区域，并监听了绘制要素的featureMouseout、featureMouseover、featureMousemove、featureClick、outsideClick等事件 AMapUI.loadUI(['geo/DistrictExplorer'], function (DistrictE...
在vue中使用高德地图的上浮下钻—最简单明了的方法(无需后台接口渲染文字marker)
jinglianglove的博客
11-06 1779
在vue中使用高德地图的上浮下钻—最简单明了的方法(无需后台接口渲染文字marker) 第一步： 安装vue-amap： npm i vue-amap -S 第二步: 配置main.js import VueAMap from 'vue-amap' Vue.use(VueAMap); VueAMap.initAMapApiLoader({ key: '你的key', plugin: ['...
高德各省行政区显示不同区别颜色（转）
weixin_30482383的博客
06-21 3506
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta name="viewport" content="...
高德地图中自定义色块标识任意省市县区域
良心有约
08-07 1万+
目的 为了准确的对相关各省市县区的边界范围及标注，用于自定义高清矢量地图。 效果图 先上一张效果图，以家乡渭南为例： （代码中做了判断，仅为县级区域时显示背景色，省市均仅显示边界轮廓） 选择颜色 选择区域 核心代码 district = new AMap.DistrictSearch(opts); district.search('6101', funct...
高德地图行政区划浏览功能
周金鱼啊
04-11 8613
功能：1.点击高德地图的某块区划获取点击点击的区划名称追加到右侧待分析框中，并且让点击的区划高亮 2.右侧框中点击删除的时候删除当前点击的数据，并且让地图行政区中同名的地块取消高亮 功能图片展示--只有一级生态区 直接贴代码 export default { name: 'App', data(){ return { c...
高德地图API：千万级兴趣点搜索详解与操作指南
高德地图兴趣点搜索是MapABC API for Android的一部分，由高德集团-北京图盟科技有限公司开发，旨在提供强大的地理位置服务。API支持大规模的兴趣点（Poi）搜索，涵盖了千万级别的POI数据，广泛应用于移动应用中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值