layui-高德API点聚合+区划筛选列表

一个朋友要的,随便写了写

用到几个插件!
在这里插入图片描述


<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>下属行政区查询</title>
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />


</head>
<style>
    .layui-form-select dl {

        z-index: 10000;
    }
    .layui-fixbar li {
    width: 40px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;}
    @media screen and (max-width: 600px) {
        .map_panel{
            display: none;
        }
    }
    ::-webkit-scrollbar-track-piece {background-color: #f8f8f8}

    ::-webkit-scrollbar {width: 8px;height: 8px;}

    ::-webkit-scrollbar-thumb {min-height: 28px;background-color: #ddd;background-clip: padding-box;}

    ::-webkit-scrollbar-thumb:hover {background-color: #bbb}
</style>

<body>
    <div class="layui-card">

        <div class="layui_card-head layui-form layui-form-pane" style="margin:15px;">


            <div class="layui-form-item">
                <label class="layui-form-label">区划查询</label>
                <div id="cat_ids1">
                </div>
            </div>

        </div>

        <div class="layui-card-body " >
            <div class="layui-row layui-col-space10" style="">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md2 " id="info_card" style="height: calc(100vh - 90px); height:-webkit-calc(100vh - 95px); height:-moz-calc(100vh - 95px); background-color: #F2F2F2;overflow-y:scroll;cursor: pointer;">
                </div>
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md10 map_panel" style="background-color: #F2F2F2;">
                    <div id="container" style="height: calc(100vh - 10px); height:-webkit-calc(100vh - 105px); height:-moz-calc(100vh - 105px);"></div>
                </div>
            </div> 
        </div>

    </div>
    </div>




    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的KEY&plugin=AMap.DistrictSearch&plugin=AMap.MarkerClustere"></script>
    <script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
    <script src="https://www.layuicdn.com/layui/layui.js"></script>
    <script>
        var $, points = [];
        layui.extend({'nb_selectN': 'public/ext/nb_selectN'});
        layui.use(['util','element', 'layer', 'nb_selectN'], function () {
            var nb_selectN = layui.nb_selectN
                , util = layui.util
                , $ = layui.$;
            var clipboard = new ClipboardJS('.layui-badge');
            clipboard.on('success', function(e) {
                layer.msg("复制成功")

                e.clearSelection();
            });

            $(document).on('click', '#info_card>.layui-card', function (e) {

                let data = $(this).data();
                let lnglat = data.lnglat.split(',');
                //点击分享
                if(false == $(e.target).hasClass('layui-badge')){
                    map.setZoomAndCenter(14, lnglat);
                }
            })
            //固定块测距
            util.fixbar({
                bar1: '测距'
                ,css: {right: 30, top: 100,'width':'40px','font-size':'20px'}
                ,bgcolor: '#393D49'
                ,click: function(type){
                    if(type === 'bar1'){
                        ruler1.turnOn();
                    } 
                }
            });
            //分享
            // $(document).on('click','.layui-card-header .layui-badge',function(){
            //     // layer.msg('复制成功,请粘贴使用!')
            //     console.log()
            //     var _val = $(this).parent().data('lnglat');
            //     var clipboard = new ClipboardJS('.layui-badge', {
            //         text: function() {
            //             layer.msg('复制成功!', {icon: 1});
            //             return _val;
            //         }
            //     });
            // })
            var catIns2 = nb_selectN({
                //元素容器【必填】
                elem: '#cat_ids1'
                //候选数据【必填】
                , data: 'https://restapi.amap.com/v3/config/district?key=你的KEY&keywords=100000&subdistrict=3&extensions=base'
                //此处新增预处理数据格式
                , parseData: function (res) {
                    let _res = res.districts[0].districts;
                    return _res;
                }
                //设置了长度
                , width: null
                //默认值
                , selected: []
                //为真只取最后一个值
                , last: true
                //空值项提示,可设置为数组['请选择省','请选择市','请选择县']
                , tips: ['请选择省', '请选择市', '请选择县']
                //事件过滤器,lay-filter名 不设置与选择器相同(去#.)
                , filter: ''
                //input的name 不设置与选择器相同(去#.)
                , name: 'cat2'
                //数据分隔符
                , delimiter: ','
                //数据的键名
                , field: {idName: 'adcode', titleName: 'name', childName: 'districts'}
                //表单区分 form.render(type, filter); 为class="layui-form" 所在元素的 lay-filter="" 的值 
                , formFilter: null
            });
            catIns2.on('change', function (e) {
                // console.log(e)
                var end = e.selected && e.selected.pop();
                // console.log(typeof end);
                if('undefined' == typeof end){
                    adcode = '中国';
                }else{
                    adcode = end.value;
                }
        
                //查询区划
                district.search(adcode, function (status, result) {
                    if (status === 'complete') {
                        map.remove(polygons)//清除上次结果
                        polygons = [];
                        var bounds = result.districtList[0].boundaries;
                        // console.log(result.districtList[0]);
                        if (bounds) {
                            for (var i = 0, l = bounds.length; i < l; i++) {
                                //生成行政区划polygon
                                var polygon = new AMap.Polygon({
                                    strokeWeight: 1,
                                    path: bounds[i],
                                    fillOpacity: 0.4,
                                    fillColor: '#80d8ff',
                                    strokeColor: '#0091ea'
                                });
                                polygons.push(polygon);
                            }
                        }
                        map.add(polygons)
                        map.setFitView(polygons);//视口自适应
                        renderLeftCard(adcode == '中国' ? 0 : adcode,e.selected.length+1);//更新左侧渲染
                    }
                });
            })
        });
    </script>
    <script type="text/javascript">
        var points = [{"id":"73","code":"440305","name":"\u76db\u4e30\u7269\u6d41","tel":"0755-86238997","lat":"22.622546","lng":"113.979963","address":"\u5e7f\u4e1c\u7701\u6df1\u5733\u5e02\u5357\u5c71\u533a\u897f\u4e3d\u9547\u5927\u78e1\u4e8c\u6751248\u680b108\u5ba4","province":"\u5e7f\u4e1c\u7701","city":"\u6df1\u5733\u5e02","district":"\u5357\u5c71\u533a","remark":"","ext":"","lnglat":["113.979963","22.622546"]},{"id":"72","code":"440307","name":"\u76db\u4e30\u7269\u6d41","tel":"0755-84658436","lat":"22.632128","lng":"114.158017","address":"\u5e7f\u4e1c\u7701\u6df1\u5733\u5e02\u9f99\u5c97\u533a\u5e03\u5409\u8857\u9053\u91d1\u9e4f\u7269\u6d41\u56edA\u533a2\u680b35.36","province":"\u5e7f\u4e1c\u7701","city":"\u6df1\u5733\u5e02","district":"\u9f99\u5c97\u533a","remark":"\u798f\u7530\u533a\/\u9f99\u5c97\u533a","ext":"","lnglat":["114.158017","22.632128"]},{"id":"71","code":"440306","name":"\u5fb7\u90a6\u7269\u6d41","tel":"0755-29745962","lat":"22.593553","lng":"113.886393","address":"\u5e7f\u4e1c\u7701\u6df1\u5733\u5e02\u5b9d\u5b89\u533a\u897f\u4e61\u8857\u9053\u5b9d\u8fd0\u8fbe\u7269\u6d41\u4e2d\u5fc3\u7269\u6d41\u4ed3\u5e93C\u533a22\u53f7","province":"\u5e7f\u4e1c\u7701","city":"\u6df1\u5733\u5e02","district":"\u5b9d\u5b89\u533a","remark":"","ext":"","lnglat":["113.886393","22.593553"]},{"id":"70","code":"440229","name":"\u5fb7\u90a6\u7269\u6d41","tel":"13326538850","lat":"24.36106","lng":"114.134306","address":"\u5e7f\u4e1c\u7701\u97f6\u5173\u5e02\u7fc1\u6e90\u53bf\u9f99\u4ed9\u9547\u73af\u57ce\u5317\u4e8c\u4e2d\u8def54\u53f7\u97f6\u57ce\u5feb\u8fd0","province":"\u5e7f\u4e1c\u7701","city":"\u97f6\u5173\u5e02","district":"\u7fc1\u6e90\u53bf","remark":"","ext":"","lnglat":["114.134306","24.36106"]},{"id":"69","code":"440203","name":"\u5fb7\u90a6\u7269\u6d41","tel":"0751-8292117","lat":"24.735506","lng":"113.582119","address":"\u5e7f\u4e1c\u7701\u97f6\u5173\u5e02\u6b66\u6c5f\u533a\u97f6\u5173\u5e02\u5357\u90ca\u4e03\u516c\u91cc\u97f6\u5cf0\u7269\u6d41\u56ed\u5185F104-106\u6863","province":"\u5e7f\u4e1c\u7701","city":"\u97f6\u5173\u5e02","district":"\u6b66\u6c5f\u533a","remark":"","ext":"","lnglat":["113.582119","24.735506"]},{"id":"68","code":"440507","name":"\u5fb7\u90a6\u7269\u6d41","tel":"13178786677","lat":"23.423286","lng":"116.720335","address":"\u5e7f\u4e1c\u7701\u6c55\u5934\u5e02\u9f99\u6e56\u533a\u6cf0\u5c71\u5317\u8def\u6cf0\u5c71\u7269\u6d41\u56ed","province":"\u5e7f\u4e1c\u7701","city":"\u6c55\u5934\u5e02","district":"\u9f99\u6e56\u533a","remark":"","ext":"","lnglat":["116.720335","23.423286"]},{"id":"67","code":"441826","name":"\u5fb7\u90a6\u7269\u6d41","tel":"18926681211","lat":"24.716191","lng":"112.292481","address":"\u5e7f\u4e1c\u7701\u6e05\u8fdc\u5e02\u8fde\u5357\u7476\u65cf\u81ea\u6cbb\u53bf\u6cbf\u6c5f\u4e1c\u8def\u6b65\u884c\u8857\u4fe1\u5fb7\u5e7c\u513f\u56ed\u65c1","province":"\u5e7f\u4e1c\u7701","city":"\u6e05\u8fdc\u5e02","district":"\u8fde\u5357\u7476\u65cf\u81ea\u6cbb\u53bf","remark":"","ext":"","lnglat":["112.292481","24.716191"]},{"id":"66","code":"441881","name":"\u76db\u4e30\u7269\u6d41","tel":"0763-2213528","lat":"24.171386","lng":"113.418412","address":"\u5e7f\u4e1c\u7701\u6e05\u8fdc\u5e02\u82f1\u5fb7\u5e02\u57ce\u5357\u5317\u6c5f\u9632\u6d2a\u5824\u5185\u5546\u94fa110\u53f7","province":"\u5e7f\u4e1c\u7701","city":"\u6e05\u8fdc\u5e02","district":"\u82f1\u5fb7\u5e02","remark":"","ext":"","lnglat":["113.418412","24.171386"]},{"id":"65","code":"441803","name":"\u76db\u4e30\u7269\u6d41","tel":"0763-3317399","lat":"23.71915","lng":"113.001137","address":"\u5e7f\u4e1c\u7701\u6e05\u8fdc\u5e02\u6e05\u65b0\u533a\u7530\u9f99\u671b\u5929\u72ee\u5c45\u6c11\u67f4\u5c97\u811a\u5546\u94fa\u4e09\u81f3\u516d\u5361","province":"\u5e7f\u4e1c\u7701","city":"\u6e05\u8fdc\u5e02","district":"\u6e05\u65b0\u533a","remark":"","ext":"","lnglat":["113.001137","23.71915"]},{"id":"64","code":"441802","name":"\u76db\u4e30\u7269\u6d41","tel":"0763-3638348","lat":"23.652029","lng":"113.054062","address":"\u5e7f\u4e1c\u7701\u6e05\u8fdc\u5e02\u6e05\u57ce\u533a\u5e7f\u6e05\u5927\u9053\u65b0\u897fE49\u53f7\u533a\u5185B\u5361\u5382\u623f17\u5361","province":"\u5e7f\u4e1c\u7701","city":"\u6e05\u8fdc\u5e02","district":"\u6e05\u57ce\u533a","remark":"","ext":"","lnglat":["113.054062","23.652029"]},{"id":"63","code":"441424","name":"\u76db\u4e30\u7269\u6d41","tel":"07534238068","lat":"23.921026","lng":"115.750818","address":"\u5e7f\u4e1c\u7701\u6885\u5dde\u5e02\u4e94\u534e\u53bf\u6c34\u5be8\u5de5\u4e1a\u4e09\u8def","province":"\u5e7f\u4e1c\u7701","city":"\u6885\u5dde\u5e02","district":"\u4e94\u534e\u53bf","remark":"","ext":"","lnglat":["115.750818","23.921026"]},{"id":"62","code":"441422","name":"\u76db\u4e30\u7269\u6d41","tel":"0753-5554128","lat":"24.356877","lng":"116.695949","address":"\u5e7f\u4e1c\u7701\u6885\u5dde\u5e02\u5927\u57d4\u53bf\u5927\u57d4\u53bf\u8d22\u653f\u8def","province":"\u5e7f\u4e1c\u7701","city":"\u6885\u5dde\u5e02","district":"\u5927\u57d4\u53bf","remark":"","ext":"","lnglat":["116.695949","24.356877"]},{"id":"61","code":"441403","name":"\u7ade\u8f89\u7269\u6d41","tel":"18027728681","lat":"24.261014","lng":"116.071553","address":"\u5e7f\u4e1c\u7701\u6885\u5dde\u5e02\u6885\u6c5f\u533a\u5251\u82f1\u5927\u9053\u9526\u7ee3\u56fd\u9645C5\u680b","province":"\u5e7f\u4e1c\u7701","city":"\u6885\u5dde\u5e02","district":"\u6885\u53bf\u533a","remark":"","ext":"","lnglat":["116.071553","24.261014"]},{"id":"60","code":"440904","name":"\u946b\u5174\u9e4f\u7269\u6d41","tel":"0668-2620686","lat":"21.497188","lng":"110.992728","address":"\u5e7f\u4e1c\u7701\u8302\u540d\u5e02\u7535\u767d\u533a\u6c34\u4e1c\u9547\u5357\u6d77\u5927\u9053\u9ad8\u5730\u7ea2\u7eff\u706f\u5341\u5b57\u8def\u53e3\u5f80\u8302\u540d\u65b9\u541150\u7c73\u5de6\u4fa7","province":"\u5e7f\u4e1c\u7701","city":"\u8302\u540d\u5e02","district":"\u7535\u767d\u533a","remark":"","ext":"","lnglat":["110.992728","21.497188"]},{"id":"59","code":"445224","name":"\u76db\u4e30\u7269\u6d41","tel":"06636559665","lat":"23.020654","lng":"116.279697","address":"\u5e7f\u4e1c\u7701\u63ed\u9633\u5e02\u60e0\u6765\u53bf\u8475\u897f\u5ba2\u8fd0\u7ad9\u659c\u5bf9\u9762","province":"\u5e7f\u4e1c\u7701","city":"\u63ed\u9633\u5e02","district":"\u60e0\u6765\u53bf","remark":"","ext":"","lnglat":["116.279697","23.020654"]},{"id":"58","code":"445202","name":"\u76db\u4e30\u7269\u6d41","tel":"0663-8201662","lat":"23.574749","lng":"116.351676","address":"\u5e7f\u4e1c\u7701\u63ed\u9633\u5e02\u6995\u57ce\u533a\u6995\u57ce\u533a\u5c71\u4e1c\u56f4\u6751\u5e73\u8fbe\u8d27\u8fd0\u7ad9","province":"\u5e7f\u4e1c\u7701","city":"\u63ed\u9633\u5e02","district":"\u6995\u57ce\u533a","remark":"","ext":"","lnglat":["116.351676","23.574749"]},{"id":"57","code":"440705","name":"\u76db\u4e30\u7269\u6d41","tel":"0750-6101268","lat":"22.54696","lng":"113.067493","address":"\u5e7f\u4e1c\u7701\u6c5f\u95e8\u65b0\u4f1a\u533a\u65b0\u4f1a\u6b63\u5e73\u7269\u6d41\u4e2d\u5fc3J\u5ea72\u53f7","province":"\u5e7f\u4e1c\u7701","city":"\u6c5f\u95e8\u5e02","district":"\u65b0\u4f1a\u533a","remark":"","ext":"","lnglat":["113.067493","22.54696"]},{"id":"56","code":"440703","name":"\u76db\u4e30\u7269\u6d41","tel":"0750-3522278","lat":"22.572275","lng":"113.063154","address":"\u5e7f\u4e1c\u7701\u6c5f\u95e8\u5e02\u84ec\u6c5f\u533a\uff08\u6c5f\u95e8\u5927\u9053\u6c5f\u6c99\u7269\u6d41\u5e02\u573a9\u680b7-8\u53f7\uff09","province":"\u5e7f\u4e1c\u7701","city":"\u6c5f\u95e8\u5e02","district":"\u84ec\u6c5f\u533a","remark":"","ext":"","lnglat":["113.063154","22.572275"]},{"id":"55","code":"440783","name":"\u76db\u4e30\u7269\u6d41","tel":"13542150886","lat":"22.386184","lng":"112.710459","address":"\u5e7f\u4e1c\u7701\u6c5f\u95e8\u5e02\u5f00\u5e73\u5e02\u632f\u534e\u5927\u9a6c\u8def212\u53f7","province":"\u5e7f\u4e1c\u7701","city":"\u6c5f\u95e8\u5e02","district":"\u5f00\u5e73\u5e02","remark":"","ext":"","lnglat":["112.710459","22.386184"]},{"id":"54","code":"441303","name":"\u76db\u4e30\u7269\u6d41","tel":"0752-3776286","lat":"22.837526","lng":"114.460306","address":"\u5e7f\u4e1c\u7701\u60e0\u5dde\u5e02\u60e0\u9633\u533a\u79cb\u957f\u9547\u667a\u6167\u7269\u6d41\u67a2\u7ebd\u4e2d\u5fc3A062\u6863","province":"\u5e7f\u4e1c\u7701","city":"\u60e0\u5dde\u5e02","district":"\u60e0\u9633\u533a","remark":"","ext":"","lnglat":["114.460306","22.837526"]},{"id":"53","code":"441302","name":"\u76db\u4e30\u7269\u6d41","tel":"0752-2853717","lat":"23.143326","lng":"114.429344","address":"\u5e7f\u4e1c\u7701\u60e0\u5dde\u5e02\u60e0\u57ce\u533a\u60e0\u57ce\u533a\u91d1\u6cfd\u7269\u6d41\u56edA7\u680b101-103\u53f7","province":"\u5e7f\u4e1c\u7701","city":"\u60e0\u5dde\u5e02","district":"\u60e0\u57ce\u533a","remark":"","ext":"","lnglat":["114.429344","23.143326"]},{"id":"52","code":"441602","name":"\u76db\u4e30\u7269\u6d41","tel":"0762-3270098","lat":"23.703609","lng":"114.686457","address":"\u5e7f\u4e1c\u7701\u6cb3\u6e90\u5e02\u6e90\u57ce\u533a\u6cb3\u6e90\u5e02\u8fce\u5ba2\u5927\u9053\u6cf0\u5143\u7269\u6d41\u57ce1\u680b","province":"\u5e7f\u4e1c\u7701","city":"\u6cb3\u6e90\u5e02","district":"\u6e90\u57ce\u533a","remark":"","ext":"","lnglat":["114.686457","23.703609"]},{"id":"51","code":"441900","name":"\u76db\u4e30\u7269\u6d41","tel":"0769-89232966","lat":"23.06764","lng":"113.689568","address":"\u5e7f\u4e1c\u7701\u4e1c\u839e\u5e02\u4e2d\u5802\u9547(\u4e1c\u839e\u4e07\u6c5f\u533a\u56fd\u901a\u8d27\u8fd0\u4e2d\u5fc3H28-29)","province":"\u5e7f\u4e1c\u7701","city":"\u4e1c\u839e\u5e02","district":"Array","remark":"","ext":"","lnglat":["113.689568","23.06764"]},{"id":"50","code":"441900","name":"\u76db\u4e30\u7269\u6d41","tel":"15024054323","lat":"22.787429","lng":"113.778685","address":"\u5e7f\u4e1c\u7701\u4e1c\u839e\u5e02\u957f\u5b89\u9547\u4e4c\u6c99\u73af\u897f\u8def\u540c\u8fbe\u82b1\u56ed\u5546\u94fa\u9e3f\u8bda\u7269\u6d41","province":"\u5e7f\u4e1c\u7701","city":"\u4e1c\u839e\u5e02","district":"Array","remark":"","ext":"","lnglat":["113.778685","22.787429"]},{"id":"49","code":"441900","name":"\u76db\u4e30\u7269\u6d41","tel":"0769-89772347","lat":"22.83815","lng":"113.738405","address":"\u5e7f\u4e1c\u7701\u4e1c\u839e\u5e02\u864e\u95e8\u9547\u6000\u5fb7\u7ba1\u7406\u533a\u6000\u5317\u8def9\u53f7\u541b\u8bda\u79d1\u6280\u5927\u53a6","province":"\u5e7f\u4e1c\u7701","city":"\u4e1c\u839e\u5e02","district":"Array","remark":"","ext":"","lnglat":["113.738405","22.83815"]},{"id":"48","code":"441900","name":"\u76db\u4e30\u7269\u6d41","tel":"18925879225","lat":"22.983763","lng":"114.01077","address":"\u5e7f\u4e1c\u7701\u4e1c\u839e\u5e02\u5e38\u5e73\u9547\u4e0a\u5751\u6751\u5de5\u4e1a\u5927\u905377\u53f7","province":"\u5e7f\u4e1c\u7701","city":"\u4e1c\u839e\u5e02","district":"Array","remark":"","ext":"","lnglat":["114.01077","22.983763"]},{"id":"47","code":"441900","name":"\u76db\u4e30\u7269\u6d41","tel":"0769-82257901","lat":"22.954516","lng":"113.915653","address":"\u5e7f\u4e1c\u7701\u4e1c\u839e\u5e02\u5927\u6717\u7269\u6d41\u4e2d\u5fc3\u4e09\u671fC12-13\u6863","province":"\u5e7f\u4e1c\u7701","city":"\u4e1c\u839e\u5e02","district":"Array","remark":"","ext":"","lnglat":["113.915653","22.954516"]},{"id":"46","code":"441900","name":"\u76db\u4e30\u7269\u6d41","tel":"0769-22402290","lat":"22.978383","lng":"113.738907","address":"\u5e7f\u4e1c\u7701\u4e1c\u839e\u5e02\u5357\u57ce\u533a\u767d\u9a6c\u5148\u950b\u8def3\u53f7C\u5ea74-5\u53f7","province":"\u5e7f\u4e1c\u7701","city":"\u4e1c\u839e\u5e02","district":"Array","remark":"","ext":"","lnglat":["113.738907","22.978383"]},{"id":"45","code":"441900","name":"\u76db\u4e30\u7269\u6d41","tel":"0769-87882002","lat":"22.79221","lng":"114.108062","address":"\u5e7f\u4e1c\u7701\u4e1c\u839e\u5e02\u5858\u53a6\u9547\u957f\u57d4\u5efa\u6750\u5e02\u573aG\u5e62131\u53f7132\u53f7","province":"\u5e7f\u4e1c\u7701","city":"\u4e1c\u839e\u5e02","district":"Array","remark":"","ext":"","lnglat":["114.108062","22.79221"]},{"id":"44","code":"445103","name":"\u5fb7\u529b\u8d27\u8fd0","tel":"18320663736","lat":"23.618378","lng":"116.607643","address":"\u5e7f\u4e1c\u7701\u6f6e\u5dde\u5e02\u6f6e\u5b89\u533a\u67ab\u6eaa\u533a\u82f1\u5858\u6751\u4e91\u82f1\u8def\u8fdb200\u7c73","province":"\u5e7f\u4e1c\u7701","city":"\u6f6e\u5dde\u5e02","district":"\u6f6e\u5b89\u533a","remark":"","ext":"","lnglat":["116.607643","23.618378"]},{"id":"43","code":"440118","name":"\u9e4f\u56fe\u7269\u6d41","tel":"18926276925","lat":"23.131649","lng":"113.645214","address":"\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\u589e\u57ce\u533a\u65b0\u5858\u9547\u65b0\u6c99\u8def\u96c6\u90a6\u7269\u6d41\u56edA3\u680b115\u6863","province":"\u5e7f\u4e1c\u7701","city":"\u5e7f\u5dde\u5e02","district":"\u589e\u57ce\u533a","remark":"","ext":"","lnglat":["113.645214","23.131649"]},{"id":"42","code":"440114","name":"\u9e4f\u56fe\u7269\u6d41","tel":"13926231102","lat":"23.366165","lng":"113.235365","address":"\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\u82b1\u90fd\u533a\u96c5\u7476\u4e2d\u8def\u535728\u53f7-10","province":"\u5e7f\u4e1c\u7701","city":"\u5e7f\u5dde\u5e02","district":"\u82b1\u90fd\u533a","remark":"","ext":"","lnglat":["113.235365","23.366165"]},{"id":"41","code":"440103","name":"\u76db\u4e30\u7269\u6d41","tel":"15989139929","lat":"23.148124","lng":"113.245896","address":"\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\u8354\u6e7e\u533a\u7ad9\u897f\u8def\u5929\u4f26\u505c\u8f66\u573a\u897f\u95e8\u53e3","province":"\u5e7f\u4e1c\u7701","city":"\u5e7f\u5dde\u5e02","district":"\u8354\u6e7e\u533a","remark":"","ext":"","lnglat":["113.245896","23.148124"]},{"id":"40","code":"440106","name":"\u76db\u4e30\u7269\u6d41","tel":"13060813644","lat":"23.137314","lng":"113.399394","address":"\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\u6d77\u73e0\u533a\u5929\u6cb3\u533a\u8f66\u9661\u5efa\u6750\u96c6\u6563\u4e2d\u5fc3 ","province":"\u5e7f\u4e1c\u7701","city":"\u5e7f\u5dde\u5e02","district":"\u5929\u6cb3\u533a","remark":"\u5929\u6cb3\u533a\/\u6d77\u73e0\u533a","ext":"","lnglat":["113.399394","23.137314"]},{"id":"39","code":"440113","name":"\u9e3f\u6cf0\u7269\u6d41","tel":"020-34768576","lat":"22.990118","lng":"113.403006","address":"\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\u756a\u79ba\u533a\u5357\u6751\u7095\u5934\u6c38\u5b81\u5927\u90538\u53f7(\u5751\u5934\u4e1c\u7ebf\u5de5\u4e1a\u533a\uff09","province":"\u5e7f\u4e1c\u7701","city":"\u5e7f\u5dde\u5e02","district":"\u756a\u79ba\u533a","remark":"","ext":"","lnglat":["113.403006","22.990118"]},{"id":"38","code":"440111","name":"\u9e3f\u6cf0\u7269\u6d41","tel":"020-23358909","lat":"23.236966","lng":"113.258724","address":"\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\u767d\u4e91\u533a\u767d\u4e91\u533a\u5e7f\u82b1\u516c\u8def\u8054\u7a0b\u7269\u6d41\u5e02\u573ac87-88","province":"\u5e7f\u4e1c\u7701","city":"\u5e7f\u5dde\u5e02","district":"\u767d\u4e91\u533a","remark":"","ext":"","lnglat":["113.258724","23.236966"]},{"id":"37","code":"621202","name":"\u9e3f\u6cf0\u7269\u6d41","tel":"13993944551","lat":"33.404429","lng":"104.923684","address":"\u7518\u8083\u7701\u9647\u5357\u5e02\u6b66\u90fd\u533a\u738b\u5bb6\u5e84\u706b\u8f66\u94c1\u8def\u6865\u4e0b\u9762","province":"\u7518\u8083\u7701","city":"\u9647\u5357\u5e02","district":"\u6b66\u90fd\u533a","remark":"","ext":"","lnglat":["104.923684","33.404429"]},{"id":"36","code":"620102","name":"\u4f1f\u5fd7\u7269\u6d41","tel":"18919921330","lat":"36.74277","lng":"103.259045","address":"\u7518\u8083\u7701\u5170\u5dde\u5e02\u6c38\u767b\u53bf\u68c9\u9ebb\u516c\u53f8\u9644\u8fd1","province":"\u7518\u8083\u7701","city":"\u5170\u5dde\u5e02","district":"\u57ce\u5173\u533a","remark":"","ext":"","lnglat":["103.259045","36.74277"]},{"id":"35","code":"620102","name":"\u4f1f\u5fd7\u7269\u6d41","tel":"13389443998","lat":"36.050829","lng":"103.931125","address":"\u7518\u8083\u7701\u5170\u5dde\u5e02\u57ce\u5173\u533a\u96c1\u513f\u6e7e\u8def\u5927\u5510\u7269\u6d41\u56ed","province":"\u7518\u8083\u7701","city":"\u5170\u5dde\u5e02","district":"\u57ce\u5173\u533a","remark":"\u5170\u5dde\u5404\u533a\/\u6986\u4e2d\u53bf","ext":"","lnglat":["103.931125","36.050829"]},{"id":"34","code":"350623","name":"\u5e7f\u987a\u901a\u7269\u6d41","tel":"13123345180","lat":"24.140882","lng":"117.617921","address":"\u798f\u5efa\u7701\u6f33\u5dde\u5e02\u6f33\u6d66\u53bf\u5927\u4ead\u5317\u8def\u957f\u5bcc\u725b\u5976\u914d\u9001\u4e2d\u5fc3","province":"\u798f\u5efa\u7701","city":"\u6f33\u5dde\u5e02","district":"\u6f33\u6d66\u53bf","remark":"","ext":"","lnglat":["117.617921","24.140882"]},{"id":"33","code":"350603","name":"\u5e7f\u987a\u901a\u7269\u6d41","tel":"05962665527","lat":"24.521941","lng":"117.736111","address":"\u798f\u5efa\u7701\u6f33\u5dde\u5e02\u534e\u5b89\u53bf\uff08\u9f99\u6587\u533a\u84dd\u7530\u7ecf\u6d4e\u5f00\u53d1\u533a\u9f99\u817e\u5317\u8def30\u53f7\uff0c\u96ea\u6d25\u5564\u9152\u5382\u65c1\uff09","province":"\u798f\u5efa\u7701","city":"\u6f33\u5dde\u5e02","district":"\u9f99\u6587\u533a","remark":"","ext":"","lnglat":["117.736111","24.521941"]},{"id":"32","code":"350681","name":"\u5e7f\u987a\u901a\u7269\u6d41","tel":"13859275631","lat":"24.440239","lng":"117.817793","address":"\u798f\u5efa\u7701\u6f33\u5dde\u5e02\u9f99\u6d77\u5e02\u7d2b\u5149\u8def32\u53f7","province":"\u798f\u5efa\u7701","city":"\u6f33\u5dde\u5e02","district":"\u9f99\u6d77\u5e02","remark":"","ext":"","lnglat":["117.817793","24.440239"]},{"id":"31","code":"350603","name":"\u5e7f\u987a\u901a\u7269\u6d41","tel":"05962932385","lat":"24.538076","lng":"117.70728","address":"\u798f\u5efa\u7701\u6f33\u5dde\u5e02\u9f99\u6587\u533a\u9f0e\u53d1\u7269\u6d41\u56ed22\u53f7","province":"\u798f\u5efa\u7701","city":"\u6f33\u5dde\u5e02","district":"\u9f99\u6587\u533a","remark":"\u9f99\u6587\u533a\/\u8297\u57ce\u533a","ext":"","lnglat":["117.70728","24.538076"]},{"id":"30","code":"350212","name":"\u5e7f\u987a\u901a\u7269\u6d41","tel":"0592-7116099","lat":"24.694495","lng":"118.129361","address":"\u798f\u5efa\u7701\u53a6\u95e8\u5e02\u96c6\u7f8e\u533a\u96c6\u7fa4\u8def\u664b\u8054\u7269\u6d41\u56ed425-426\u53f7","province":"\u798f\u5efa\u7701","city":"\u53a6\u95e8\u5e02","district":"\u540c\u5b89\u533a","remark":"\u540c\u5b89\u533a\/\u96c6\u7f8e\u533a","ext":"","lnglat":["118.129361","24.694495"]},{"id":"29","code":"350206","name":"\u76db\u8f89\u7269\u6d41","tel":"05925691415","lat":"24.544216","lng":"118.129439","address":"\u798f\u5efa\u7701\u53a6\u95e8\u5e02\u6e56\u91cc\u533a\u9ad8\u5d0e\u5317\u8def136\u53f7","province":"\u798f\u5efa\u7701","city":"\u53a6\u95e8\u5e02","district":"\u6e56\u91cc\u533a","remark":"\u601d\u660e\u533a\/\u6e56\u91cc\u533a","ext":"","lnglat":["118.129439","24.544216"]},{"id":"28","code":"350402","name":"\u95fd\u534e\u4e1c\u7269\u6d41","tel":"05988689988","lat":"26.300322","lng":"117.647202","address":"\u798f\u5efa\u7701\u4e09\u660e\u5e02\u6885\u5217\u533a\u5fb7\u5b89\u8def10\u53f7\u76db\u8f89\u7269\u6d41\u56edA\u680b1-3\u53f7","province":"\u798f\u5efa\u7701","city":"\u4e09\u660e\u5e02","district":"\u6885\u5217\u533a","remark":"","ext":"","lnglat":["117.647202","26.300322"]},{"id":"27","code":"350581","name":"\u95fd\u534e\u4e1c\u7269\u6d41","tel":"18905956922","lat":"24.697199","lng":"118.618104","address":"\u798f\u5efa\u7701\u6cc9\u5dde\u5e02\u77f3\u72ee\u5e02\u63d0\u8d27\u70b9\uff08\u664b\u6c5f\u5e02\u9f99\u6e56\u9547\u9f99\u6e56\u9038\u6d77\u4ea7\u4e1a\u56ed\u897f\u5357500\u7c73\uff09","province":"\u798f\u5efa\u7701","city":"\u6cc9\u5dde\u5e02","district":"\u77f3\u72ee\u5e02","remark":"","ext":"","lnglat":["118.618104","24.697199"]},{"id":"26","code":"350583","name":"\u6c5f\u6c5f\u8fbe\u7269\u6d41","tel":"18876562589","lat":"24.967011","lng":"118.375659","address":"\u798f\u5efa\u7701\u6cc9\u5dde\u5e02\u5357\u5b89\u5e02\u6eaa\u7f8e\u9547\u5d0e\u5cf0\u5357\u540c\u8def45\u53f7","province":"\u798f\u5efa\u7701","city":"\u6cc9\u5dde\u5e02","district":"\u5357\u5b89\u5e02","remark":"","ext":"","lnglat":["118.375659","24.967011"]},{"id":"25","code":"350582","name":"\u6c5f\u6c5f\u8fbe\u7269\u6d41","tel":"17750093865","lat":"24.833776","lng":"118.533947","address":"\u798f\u5efa\u7701\u6cc9\u5dde\u5e02\u664b\u6c5f\u5e02\u5927\u971e\u82f1\u8c6a\u56fd\u9645\u7269\u6d41\u5e7f\u987a\u901a\u7269\u6d413\u680b9-11\u53f7","province":"\u798f\u5efa\u7701","city":"\u6cc9\u5dde\u5e02","district":"\u664b\u6c5f\u5e02","remark":"","ext":"","lnglat":["118.533947","24.833776"]},{"id":"24","code":"350503","name":"\u6c5f\u6c5f\u8fbe\u7269\u6d41","tel":"17750093865","lat":"24.833776","lng":"118.533947","address":"\u798f\u5efa\u7701\u6cc9\u5dde\u5e02\u4e30\u6cfd\u533a\u82f1\u8c6a\u56fd\u9645\u7269\u6d413\u680b9-10\u53f7","province":"\u798f\u5efa\u7701","city":"\u6cc9\u5dde\u5e02","district":"\u4e30\u6cfd\u533a","remark":"","ext":"","lnglat":["118.533947","24.833776"]},{"id":"23","code":"350302","name":"\u6c5f\u6c5f\u8fbe\u7269\u6d41","tel":"05946779575","lat":"25.399479","lng":"118.977267","address":"\u798f\u5efa\u7701\u8386\u7530\u5e02\u57ce\u53a2\u533a\u5e02\u533a\u9ad8\u901f\u8def\u53e3\u9644\u8fd1\uff08\u8fc7\u8def\u8f66\uff09","province":"\u798f\u5efa\u7701","city":"\u8386\u7530\u5e02","district":"\u57ce\u53a2\u533a","remark":"","ext":"","lnglat":["118.977267","25.399479"]},{"id":"22","code":"350303","name":"\u6c5f\u6c5f\u8fbe\u7269\u6d41","tel":"15395940226","lat":"25.474374","lng":"119.094325","address":"\u798f\u5efa\u7701\u8386\u7530\u5e02\u6db5\u6c5f\u533a\u56fd\u6b22\u897f\u8def\u9644\u8fd1","province":"\u798f\u5efa\u7701","city":"\u8386\u7530\u5e02","district":"\u6db5\u6c5f\u533a","remark":"","ext":"","lnglat":["119.094325","25.474374"]},{"id":"21","code":"350981","name":"\u6c5f\u6c5f\u8fbe\u7269\u6d41","tel":"05927116099","lat":"27.099323","lng":"119.675774","address":"\u798f\u5efa\u7701\u5b81\u5fb7\u5e02\u798f\u5b89\u5e02\u664b\u8054\u7269\u6d41\u56ed","province":"\u798f\u5efa\u7701","city":"\u5b81\u5fb7\u5e02","district":"\u798f\u5b89\u5e02","remark":"","ext":"","lnglat":["119.675774","27.099323"]},{"id":"20","code":"350104","name":"\u6c5f\u6c5f\u8fbe\u7269\u6d41","tel":"059187480679","lat":"26.009155","lng":"119.325476","address":"\u798f\u5efa\u7701\u798f\u5dde\u5e02\u4ed3\u5c71\u533a\u76d6\u5c71\u8def163\u53f7\u5b89\u8fbe\u7269\u6d41\u56ed\u5185","province":"\u798f\u5efa\u7701","city":"\u798f\u5dde\u5e02","district":"\u4ed3\u5c71\u533a","remark":"","ext":"","lnglat":["119.325476","26.009155"]},{"id":"19","code":"350181","name":"\u5b8f\u6cf0\u7269\u6d41","tel":"18606070100","lat":"25.718172","lng":"119.31347","address":"\u798f\u5efa\u7701\u798f\u5dde\u5e02\u798f\u6e05\u5e02\u5357\u65b9\u94dd\u4e1a\u516c\u53f8\u5bf9\u9762","province":"\u798f\u5efa\u7701","city":"\u798f\u5dde\u5e02","district":"\u798f\u6e05\u5e02","remark":"","ext":"","lnglat":["119.31347","25.718172"]},{"id":"18","code":"350182","name":"\u8f89\u817e\u7269\u6d41","tel":"17759060809","lat":"25.939476","lng":"119.502055","address":"\u798f\u5efa\u7701\u798f\u5dde\u5e02\u957f\u4e50\u5e02\u5927\u5317\u519c\u519c\u7267\u79d1\u6280\u6709\u9650\u516c\u53f8","province":"\u798f\u5efa\u7701","city":"\u798f\u5dde\u5e02","district":"\u957f\u4e50\u533a","remark":"","ext":"","lnglat":["119.502055","25.939476"]},{"id":"17","code":"350104","name":"\u797a\u5448\u7269\u6d41 ","tel":"17750635102","lat":"25.994132","lng":"119.310223","address":"\u798f\u5efa\u7701\u798f\u5dde\u5e02\u53f0\u6c5f\u533a\u5434\u51e4\u6751\u5b98\u5dde\u8def3\u53f7","province":"\u798f\u5efa\u7701","city":"\u798f\u5dde\u5e02","district":"\u4ed3\u5c71\u533a","remark":"","ext":"","lnglat":["119.310223","25.994132"]},{"id":"16","code":"350111","name":"\u534e\u4fdd\u7269\u6d41","tel":"15980607703","lat":"26.088663","lng":"119.357603","address":"\u798f\u5efa\u7701\u798f\u5dde\u5e02\u664b\u5b89\u533a\u5408\u5229\u7269\u6d41\u56ed","province":"\u798f\u5efa\u7701","city":"\u798f\u5dde\u5e02","district":"\u664b\u5b89\u533a","remark":"","ext":"","lnglat":["119.357603","26.088663"]},{"id":"15","code":"110111","name":"\u534e\u4fdd\u7269\u6d41","tel":"18516978389","lat":"39.751638","lng":"116.074307","address":"\u5317\u4eac\u5e02\u623f\u5c71\u533a\u897f\u5e84\u6237\u5317\u8def","province":"\u5317\u4eac\u5e02","city":"\u5317\u4eac\u5e02","district":"\u623f\u5c71\u533a","remark":"","ext":"","lnglat":["116.074307","39.751638"]},{"id":"14","code":"110112","name":"\u534e\u4fdd\u7269\u6d41","tel":"13261278501","lat":"39.676787","lng":"116.739468","address":"\u5317\u4eac\u5e02\u901a\u5dde\u533a\u4e8e\u5bb6\u52a1\u9676\u74f7\u8054\u76df\u57fa\u5730-\u8fdb\u9662\uff08\u6587\u76db\u77f3\u6750)\u8fdb\u9662\u5de6\u624b\u8fb9\u76f4\u8d70\u5230\u5e95","province":"\u5317\u4eac\u5e02","city":"\u5317\u4eac\u5e02","district":"\u901a\u5dde\u533a","remark":"\u671d\u9633\u533a\/\u901a\u5dde\u533a\/\u660c\u5e73\u533a\/\u5927\u5174\u533a\/\u95e8\u5934\u6c9f\u533a","ext":"","lnglat":["116.739468","39.676787"]},{"id":"13","code":"110112","name":"\u534e\u4fdd\u7269\u6d41","tel":"18911622172","lat":"39.852316","lng":"116.802889","address":"\u5317\u4eac\u5e02\u77f3\u666f\u5c71\u533a\u901a\u5dde\u533a\u6f5e\u57ce\u9547\u5b9d\u4f73\u8def12\u53f7","province":"\u5317\u4eac\u5e02","city":"\u5317\u4eac\u5e02","district":"\u901a\u5dde\u533a","remark":"","ext":"","lnglat":["116.802889","39.852316"]},{"id":"12","code":"341822","name":"\u534e\u4fdd\u7269\u6d41","tel":"18110860068","lat":"30.897699","lng":"119.392361","address":"\u5b89\u5fbd\u7701\u5ba3\u57ce\u5e02\u5e7f\u5fb7\u53bf\u5fb7\u5a01\u7269\u6d41\u56ed","province":"\u5b89\u5fbd\u7701","city":"\u5ba3\u57ce\u5e02","district":"\u5e7f\u5fb7\u53bf","remark":"","ext":"","lnglat":["119.392361","30.897699"]},{"id":"11","code":"341103","name":"\u534e\u4fdd\u7269\u6d41","tel":"13955954046","lat":"30.285108","lng":"118.136737","address":"\u5b89\u5fbd\u7701\u9ec4\u5c71\u5e02\u9ec4\u5c71\u533a\u56fd\u7a0e\u5c40\u65c1\u8fb9","province":"\u5b89\u5fbd\u7701","city":"\u6ec1\u5dde\u5e02","district":"\u5357\u8c2f\u533a","remark":"","ext":"","lnglat":["118.136737","30.285108"]},{"id":"10","code":"341103","name":"\u534e\u4fdd\u7269\u6d41","tel":"15055010899","lat":"32.278606","lng":"118.345176","address":"\u5b89\u5fbd\u7701\u6ec1\u5dde\u5e02\u7405\u740a\u533a\u7d2b\u8587\u4e2d\u8def\u7ea2\u5e99\u52a0\u6cb9\u7ad9\u540e","province":"\u5b89\u5fbd\u7701","city":"\u6ec1\u5dde\u5e02","district":"\u5357\u8c2f\u533a","remark":"","ext":"","lnglat":["118.345176","32.278606"]},{"id":"9","code":"340711","name":"\u5b89\u4e1c\u7269\u6d41","tel":"05622195566","lat":"30.920044","lng":"117.816379","address":"\u5b89\u5fbd\u7701\u94dc\u9675\u5e02\u94dc\u5b98\u533a\u533a\u5185\u7269\u6d41","province":"\u5b89\u5fbd\u7701","city":"\u94dc\u9675\u5e02","district":"\u90ca\u533a","remark":"","ext":"","lnglat":["117.816379","30.920044"]},{"id":"8","code":"341503","name":"\u5b89\u4e1c\u7269\u6d41","tel":"17682189777","lat":"31.711392","lng":"116.470972","address":"\u5b89\u5fbd\u7701\u516d\u5b89\u5e02\u88d5\u5b89\u533a\u57ce\u5357\u9547\u5468\u8c37\u5806A2\u680b14\u53f7","province":"\u5b89\u5fbd\u7701","city":"\u516d\u5b89\u5e02","district":"\u88d5\u5b89\u533a","remark":"","ext":"","lnglat":["116.470972","31.711392"]},{"id":"7","code":"341222","name":"\u5b89\u4e1c\u7269\u6d41","tel":"05582119599","lat":"32.941929","lng":"115.791591","address":"\u5b89\u5fbd\u7701\u961c\u9633\u5e02\u988d\u6cc9\u533a\u5de5\u4e1a\u56ed","province":"\u5b89\u5fbd\u7701","city":"\u961c\u9633\u5e02","district":"\u592a\u548c\u53bf","remark":"","ext":"","lnglat":["115.791591","32.941929"]},{"id":"6","code":"341222","name":"\u5b89\u4e1c\u7269\u6d41","tel":"18205686175","lat":"33.140614","lng":"115.639739","address":"\u5b89\u5fbd\u7701\u961c\u9633\u5e02\u592a\u548c\u53bf\u534e\u6e90\u7269\u6d41\u56ed","province":"\u5b89\u5fbd\u7701","city":"\u961c\u9633\u5e02","district":"\u592a\u548c\u53bf","remark":"","ext":"","lnglat":["115.639739","33.140614"]},{"id":"5","code":"341221","name":"\u946b\u6377\u8fbe\u7269\u6d41","tel":"05586266633","lat":"33.069635","lng":"115.20066","address":"\u5b89\u5fbd\u7701\u961c\u9633\u5e02\u4e34\u6cc9\u53bf\u4e8e\u5be8\u7ea2\u7eff\u706f\u5f80\u5317300\u7c73\u8def\u4e1c","province":"\u5b89\u5fbd\u7701","city":"\u961c\u9633\u5e02","district":"\u4e34\u6cc9\u53bf","remark":"","ext":"","lnglat":["115.20066","33.069635"]},{"id":"4","code":"341602","name":"\u65b0\u9e3f\u6cf0\u7269\u6d41","tel":"05585365595","lat":"33.823863","lng":"115.745506","address":"\u5b89\u5fbd\u7701\u4eb3\u5dde\u5e02\u8c2f\u57ce\u533a\u5185\u5929\u8fd0\u7269\u6d41\u56ed\u5185","province":"\u5b89\u5fbd\u7701","city":"\u4eb3\u5dde\u5e02","district":"\u8c2f\u57ce\u533a","remark":"","ext":"","lnglat":["115.745506","33.823863"]},{"id":"3","code":"340881","name":"\u65b0\u9e3f\u6cf0\u7269\u6d41","tel":"05566217621","lat":"31.067118","lng":"116.966226","address":"\u5b89\u5fbd\u7701\u5b89\u5e86\u5e02\u6850\u57ce\u5e02\u5174\u5c14\u65fa\u5927\u5e02\u573a","province":"\u5b89\u5fbd\u7701","city":"\u5b89\u5e86\u5e02","district":"\u6850\u57ce\u5e02","remark":"","ext":"","lnglat":["116.966226","31.067118"]},{"id":"2","code":"340124","name":"\u65b0\u9e3f\u6cf0\u7269\u6d41","tel":"19965079770","lat":"31.273074","lng":"117.279873","address":"\u5b89\u5fbd\u7701\u5408\u80a5\u5e02\u5e90\u6c5f\u53bf\u5e90\u6c5f\u4e16\u7eaa\u5927\u9053287\u53f7","province":"\u5b89\u5fbd\u7701","city":"\u5408\u80a5\u5e02","district":"\u5e90\u6c5f\u53bf","remark":"","ext":"","lnglat":["117.279873","31.273074"]},{"id":"1","code":"340102","name":"\u826f\u9a70\u7269\u6d41","tel":"18578368870","lat":"31.905393","lng":"117.346859","address":"\u5b89\u5fbd\u7701\u5408\u80a5\u5e02\u7476\u6d77\u533a\u5929\u6c34\u8def\u4e0e\u5f53\u6d82\u5317\u8def\u4ea4\u53c9\u53e3\u7476\u6d77\u94a2\u6784\u5185\u53f3\u8fb95-6\u6863","province":"\u5b89\u5fbd\u7701","city":"\u5408\u80a5\u5e02","district":"\u7476\u6d77\u533a","remark":"\u7476\u6d77\u533a\/\u80a5\u4e1c\u53bf\/\u5305\u6cb3\u533a\/\u8700\u5c71\u533a\/\u957f\u4e30\u53bf\/\u80a5\u897f\u53bf","ext":"","lnglat":["117.346859","31.905393"]}];
        var map, district, polygons = [], citycode;
        var citySelect = document.getElementById('city');
        var districtSelect = document.getElementById('district');
        var areaSelect = document.getElementById('street');

        var cluster, markers = [];


        map = new AMap.Map('container', {
            resizeEnable: true,
            center: [116.30946, 39.937629],
            zoom: 3
        });
        //点聚合
        let html = '';
        for (var i = 0;i < points.length;i += 1) {
            var market = new AMap.Marker({
                position: points[i]['lnglat'],
                content: '<div data-id="' + points[i]['id'] + '" data-index="' + i + '" style="background-color: hsla(180, 100%, 50%, 0.7); height: 24px; width: 24px; border: 1px solid hsl(180, 100%, 40%); border-radius: 12px; box-shadow: hsl(180, 100%, 50%) 0px 0px 1px;"></div>',
                offset: new AMap.Pixel(-15, -15)
            });
            market.setTitle(points[i].name);
            market.setLabel({
                offset: new AMap.Pixel(0, 0),  //设置文本标注偏移量
                content: "<div class='info'>"+points[i].name+"</div>", //设置文本标注内容
                direction: 'right' //设置文本标注方位
            });
            var index = i;
            addClickHandler(market, index);
            markers.push(market);
        }
        
        var count = markers.length;
        //左则面板渲染
        function renderLeftCard(adcode,level){
            // console.log(adcode,level)
            let html = '';
            let data = [];
            if(0==parseInt(adcode)){
                data = points;
            }else{
                let max = parseInt(adcode);
                if(level == 1){
                    max += 9999;
                } else if(level == 2){
                    max += 99;
                }
                points.map(function(v,i,a){
                    code = parseInt(v.code);
                     console.log(code,parseInt(adcode),max,code >= parseInt(adcode) && code <= max)
                    if(code >= parseInt(adcode) && code <= max){
                        data.push(v);
                    }
                })
            }
            document.getElementById('info_card').innerHTML= html;
            for (var i = 0;i < data.length;i += 1) {
                //左模板渲染
                html += '<div class="layui-card" data-id="' + data[i]['id'] + '" data-lnglat="' + data[i]['lnglat'] + '">'
                + '<div class = "layui-card-header"><span data-clipboard-text="https://uri.amap.com/marker?position=' + data[i]['lnglat'] + '" class="layui-badge layui-bg-blue" >分享</span> ' + data[i]['name'] + '</div>'
                + '<div class = "layui-card-body">'
                + '' + data[i]['tel'] + '<br>'
                + '' + data[i]['address'] + ''
                + '</div>'
                + '</div>'
            }
            if(data.length == 0) html = '<div style="text-align:center">无数据</div>'
            document.getElementById('info_card').innerHTML = html;
        }
        renderLeftCard(0,0);
        //鼠标点击marker弹出自定义的信息窗体
        function addClickHandler(market, index) {
            // console.log(index)
            var infoWindow = new AMap.InfoWindow({
                anchor: 'bottom-center',
                content: '<span data-clipboard-text="https://uri.amap.com/marker?position=' + points[i]['lnglat'] + '&name='+points[i]['name']+':'+points[i]['tel']+'" class="layui-badge layui-bg-blue" >分享</span> '+points[index]['name'] + '<br>' + points[index]['tel'] + '<br>' + points[index]['address'] + '<br>' + points[index]['remark'],
            });
            market.on("click", function (e, data) {
                infoWindow.open(map, market.getPosition());
            });
        }

        // cluster = new AMap.MarkerClusterer(map, markers, {gridSize: 80});
        map.plugin(["AMap.MarkerClusterer"], function () {
            cluster = new AMap.MarkerClusterer(
                map,
                markers,
                {gridSize: 60,maxZoom:12}
            );
        })
        map.setFitView(markers);//地图自适应
        //行政区划查询
        var opts = {
                subdistrict: 0,   //获取边界不需要返回下级行政区
                extensions: 'all',  //返回行政区边界坐标组等具体信息
                level: 'district'  //查询行政级别为 市
        };
        district = new AMap.DistrictSearch(opts);//注意:需要使用插件同步下发功能才能这样直接使用
        //测距离
        map.plugin(["AMap.RangingTool"], function () {
            ruler1 = new AMap.RangingTool(map);
        })
        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>
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页