NN2022081301/public/manage/assets/module/TMap/TMap.html

<div class="layui-card-main">
    <div class="layui-row maps-querys">
        <div class="layui-inline">
            <input type="text" id="addrText" placeholder="请输入地址" class="layui-input">
            <ul class="autocomplete" id="autoRes"></ul>
        </div>
        <div class="layui-inline">
            <a class="layui-btn layui-btn-sm" id="searchAdr">搜索</a>
        </div>
        <div class="layui-inline">
            <input type="text" id="poiCur" placeholder="当前坐标" class="layui-input line-border" readonly>
        </div>
        <div class="layui-inline">
            <input type="text" id="addrCur" placeholder="当前位置" class="layui-input line-border" readonly>
        </div>
    </div>
    <div class="maps-content">
        <div class="layui-row">
            <div class="layui-inline" id="nowCity"><strong>北京市</strong></div>
            <div class="layui-inline"><span class="change-city" id="choose-city-hover">[<span>更换城市</span>]</span>
                <div class="city-content">
                    <div class="triangle-msg"></div>
                    <div class="maps-city" id="city"><h3 class="city_class">热门城市</h3>
                        <div class="city_container"><span class="city_name">北京</span> <span class="city_name">深圳</span>
                            <span class="city_name">上海</span> <span class="city_name">香港</span> <span class="city_name">澳门</span>
                            <span class="city_name">广州</span> <span class="city_name">天津</span> <span class="city_name">重庆</span>
                            <span class="city_name">杭州</span> <span class="city_name">成都</span> <span class="city_name">武汉</span>
                            <span class="city_name">青岛</span></div>
                        <h3 class="city_class">全国城市</h3>
                        <div class="city_container">
                            <div class="city_container_left">直辖市</div>
                            <div class="city_container_right"><span class="city_name">北京</span> <span class="city_name">上海</span>
                                <span class="city_name">天津</span> <span class="city_name">重庆</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">内蒙古</span></div>
                            <div class="city_container_right"><span class="city_name">呼和浩特</span> <span
                                    class="city_name">包头</span> <span class="city_name">乌海</span> <span
                                    class="city_name">赤峰</span> <span class="city_name">通辽</span> <span
                                    class="city_name">鄂尔多斯</span> <span class="city_name">呼伦贝尔</span> <span
                                    class="city_name">巴彦淖尔</span> <span class="city_name">乌兰察布</span> <span
                                    class="city_name">兴安盟</span> <span class="city_name">锡林郭勒盟</span> <span
                                    class="city_name">阿拉善盟</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">山西</span></div>
                            <div class="city_container_right"><span class="city_name">太原</span> <span class="city_name">大同</span>
                                <span class="city_name">阳泉</span> <span class="city_name">长治</span> <span
                                        class="city_name">晋城</span> <span class="city_name">朔州</span> <span
                                        class="city_name">晋中</span> <span class="city_name">运城</span> <span
                                        class="city_name">忻州</span> <span class="city_name">临汾</span> <span
                                        class="city_name">吕梁</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">陕西</span></div>
                            <div class="city_container_right"><span class="city_name">西安</span> <span class="city_name">铜川</span>
                                <span class="city_name">宝鸡</span> <span class="city_name">咸阳</span> <span
                                        class="city_name">渭南</span> <span class="city_name">延安</span> <span
                                        class="city_name">汉中</span> <span class="city_name">榆林</span> <span
                                        class="city_name">安康</span> <span class="city_name">商洛</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">河北</span></div>
                            <div class="city_container_right"><span class="city_name">石家庄</span> <span
                                    class="city_name">唐山</span> <span class="city_name">秦皇岛</span> <span
                                    class="city_name">邯郸</span> <span class="city_name">邢台</span> <span
                                    class="city_name">保定</span> <span class="city_name">张家口</span> <span
                                    class="city_name">承德</span> <span class="city_name">沧州</span> <span
                                    class="city_name">廊坊</span> <span class="city_name">衡水</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">辽宁</span></div>
                            <div class="city_container_right"><span class="city_name">沈阳</span> <span class="city_name">大连</span>
                                <span class="city_name">鞍山</span> <span class="city_name">抚顺</span> <span
                                        class="city_name">本溪</span> <span class="city_name">丹东</span> <span
                                        class="city_name">锦州</span> <span class="city_name">营口</span> <span
                                        class="city_name">阜新</span> <span class="city_name">辽阳</span> <span
                                        class="city_name">盘锦</span> <span class="city_name">铁岭</span> <span
                                        class="city_name">朝阳</span> <span class="city_name">葫芦岛</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">吉林</span></div>
                            <div class="city_container_right"><span class="city_name">长春</span> <span class="city_name">吉林</span>
                                <span class="city_name">四平</span> <span class="city_name">辽源</span> <span
                                        class="city_name">通化</span> <span class="city_name">白山</span> <span
                                        class="city_name">松原</span> <span class="city_name">白城</span> <span
                                        class="city_name">延边</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">黑龙江</span></div>
                            <div class="city_container_right"><span class="city_name">哈尔滨</span> <span
                                    class="city_name">齐齐哈尔</span> <span class="city_name">鸡西</span> <span
                                    class="city_name">鹤岗</span> <span class="city_name">双鸭山</span> <span
                                    class="city_name">大庆</span> <span class="city_name">伊春</span> <span
                                    class="city_name">牡丹江</span> <span class="city_name">佳木斯</span> <span
                                    class="city_name">七台河</span> <span class="city_name">黑河</span> <span
                                    class="city_name">绥化</span> <span class="city_name">大兴安岭</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">江苏</span></div>
                            <div class="city_container_right"><span class="city_name">南京</span> <span class="city_name">无锡</span>
                                <span class="city_name">徐州</span> <span class="city_name">常州</span> <span
                                        class="city_name">苏州</span> <span class="city_name">南通</span> <span
                                        class="city_name">连云港</span> <span class="city_name">淮安</span> <span
                                        class="city_name">盐城</span> <span class="city_name">扬州</span> <span
                                        class="city_name">镇江</span> <span class="city_name">泰州</span> <span
                                        class="city_name">宿迁</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">安徽</span></div>
                            <div class="city_container_right"><span class="city_name">合肥</span> <span class="city_name">蚌埠</span>
                                <span class="city_name">芜湖</span> <span class="city_name">淮南</span> <span
                                        class="city_name">马鞍山</span> <span class="city_name">淮北</span> <span
                                        class="city_name">铜陵</span> <span class="city_name">安庆</span> <span
                                        class="city_name">黄山</span> <span class="city_name">阜阳</span> <span
                                        class="city_name">宿州</span> <span class="city_name">滁州</span> <span
                                        class="city_name">六安</span> <span class="city_name">宣城</span> <span
                                        class="city_name">池州</span> <span class="city_name">毫州</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">山东</span></div>
                            <div class="city_container_right"><span class="city_name">济南</span> <span class="city_name">青岛</span>
                                <span class="city_name">淄博</span> <span class="city_name">枣庄</span> <span
                                        class="city_name">东营</span> <span class="city_name">潍坊</span> <span
                                        class="city_name">烟台</span> <span class="city_name">威海</span> <span
                                        class="city_name">济宁</span> <span class="city_name">泰安</span> <span
                                        class="city_name">日照</span> <span class="city_name">莱芜</span> <span
                                        class="city_name">临沂</span> <span class="city_name">德州</span> <span
                                        class="city_name">聊城</span> <span class="city_name">滨州</span> <span
                                        class="city_name">菏泽</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">浙江</span></div>
                            <div class="city_container_right"><span class="city_name">杭州</span> <span class="city_name">宁波</span>
                                <span class="city_name">温州</span> <span class="city_name">嘉兴</span> <span
                                        class="city_name">绍兴</span> <span class="city_name">金华</span> <span
                                        class="city_name">衢州</span> <span class="city_name">舟山</span> <span
                                        class="city_name">台州</span> <span class="city_name">丽水</span> <span
                                        class="city_name">湖州</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">江西</span></div>
                            <div class="city_container_right"><span class="city_name">南昌</span> <span class="city_name">景德镇</span>
                                <span class="city_name">萍乡</span> <span class="city_name">九江</span> <span
                                        class="city_name">新余</span> <span class="city_name">鹰潭</span> <span
                                        class="city_name">赣州</span> <span class="city_name">吉安</span> <span
                                        class="city_name">宜春</span> <span class="city_name">抚州</span> <span
                                        class="city_name">上饶</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">福建</span></div>
                            <div class="city_container_right"><span class="city_name">福州</span> <span class="city_name">厦门</span>
                                <span class="city_name">莆田</span> <span class="city_name">三明</span> <span
                                        class="city_name">泉州</span> <span class="city_name">漳州</span> <span
                                        class="city_name">南平</span> <span class="city_name">龙岩</span> <span
                                        class="city_name">宁德</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">湖南</span></div>
                            <div class="city_container_right"><span class="city_name">长沙</span> <span class="city_name">株洲</span>
                                <span class="city_name">湘潭</span> <span class="city_name">衡阳</span> <span
                                        class="city_name">邵阳</span> <span class="city_name">岳阳</span> <span
                                        class="city_name">常德</span> <span class="city_name">张家界</span> <span
                                        class="city_name">益阳</span> <span class="city_name">郴州</span> <span
                                        class="city_name">永州</span> <span class="city_name">怀化</span> <span
                                        class="city_name">娄底</span> <span class="city_name">湘西</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">湖北</span></div>
                            <div class="city_container_right"><span class="city_name">武汉</span> <span class="city_name">黄石</span>
                                <span class="city_name">襄樊</span> <span class="city_name">十堰</span> <span
                                        class="city_name">宜昌</span> <span class="city_name">荆门</span> <span
                                        class="city_name">鄂州</span> <span class="city_name">孝感</span> <span
                                        class="city_name">荆州</span> <span class="city_name">黄冈</span> <span
                                        class="city_name">咸宁</span> <span class="city_name">随州</span> <span
                                        class="city_name">恩施</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">河南</span></div>
                            <div class="city_container_right"><span class="city_name">郑州</span> <span class="city_name">开封</span>
                                <span class="city_name">洛阳</span> <span class="city_name">平顶山</span> <span
                                        class="city_name">焦作</span> <span class="city_name">鹤壁</span> <span
                                        class="city_name">新乡</span> <span class="city_name">安阳</span> <span
                                        class="city_name">濮阳</span> <span class="city_name">许昌</span> <span
                                        class="city_name">漯河</span> <span class="city_name">三门峡</span> <span
                                        class="city_name">南阳</span> <span class="city_name">商丘</span> <span
                                        class="city_name">信阳</span> <span class="city_name">周口</span> <span
                                        class="city_name">驻马店</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">海南</span></div>
                            <div class="city_container_right"><span class="city_name">海口</span> <span class="city_name">三亚</span>
                                <span class="city_name">三沙</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">广东</span></div>
                            <div class="city_container_right"><span class="city_name">广州</span> <span class="city_name">深圳</span>
                                <span class="city_name">珠海</span> <span class="city_name">汕头</span> <span
                                        class="city_name">韶关</span> <span class="city_name">佛山</span> <span
                                        class="city_name">江门</span> <span class="city_name">湛江</span> <span
                                        class="city_name">茂名</span> <span class="city_name">东沙群岛</span> <span
                                        class="city_name">肇庆</span> <span class="city_name">惠州</span> <span
                                        class="city_name">梅州</span> <span class="city_name">汕尾</span> <span
                                        class="city_name">河源</span> <span class="city_name">阳江</span> <span
                                        class="city_name">清远</span> <span class="city_name">东莞</span> <span
                                        class="city_name">中山</span> <span class="city_name">潮州</span> <span
                                        class="city_name">揭阳</span> <span class="city_name">云浮</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">广西</span></div>
                            <div class="city_container_right"><span class="city_name">南宁</span> <span class="city_name">柳州</span>
                                <span class="city_name">桂林</span> <span class="city_name">梧州</span> <span
                                        class="city_name">北海</span> <span class="city_name">防城港</span> <span
                                        class="city_name">钦州</span> <span class="city_name">贵港</span> <span
                                        class="city_name">玉林</span> <span class="city_name">百色</span> <span
                                        class="city_name">贺州</span> <span class="city_name">河池</span> <span
                                        class="city_name">来宾</span> <span class="city_name">崇左</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">贵州</span></div>
                            <div class="city_container_right"><span class="city_name">贵阳</span> <span class="city_name">遵义</span>
                                <span class="city_name">安顺</span> <span class="city_name">铜仁</span> <span
                                        class="city_name">毕节</span> <span class="city_name">六盘水</span> <span
                                        class="city_name">黔西南</span> <span class="city_name">黔东南</span> <span
                                        class="city_name">黔南</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">四川</span></div>
                            <div class="city_container_right"><span class="city_name">成都</span> <span class="city_name">自贡</span>
                                <span class="city_name">攀枝花</span> <span class="city_name">泸州</span> <span
                                        class="city_name">德阳</span> <span class="city_name">绵阳</span> <span
                                        class="city_name">广元</span> <span class="city_name">遂宁</span> <span
                                        class="city_name">内江</span> <span class="city_name">乐山</span> <span
                                        class="city_name">南充</span> <span class="city_name">宜宾</span> <span
                                        class="city_name">广安</span> <span class="city_name">达州</span> <span
                                        class="city_name">眉山</span> <span class="city_name">雅安</span> <span
                                        class="city_name">巴中</span> <span class="city_name">资阳</span> <span
                                        class="city_name">阿坝</span> <span class="city_name">甘孜</span> <span
                                        class="city_name">凉山</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">云南</span></div>
                            <div class="city_container_right"><span class="city_name">昆明</span> <span class="city_name">保山</span>
                                <span class="city_name">昭通</span> <span class="city_name">丽江</span> <span
                                        class="city_name">普洱</span> <span class="city_name">临沧</span> <span
                                        class="city_name">曲靖</span> <span class="city_name">玉溪</span> <span
                                        class="city_name">文山</span> <span class="city_name">西双版纳</span> <span
                                        class="city_name">楚雄</span> <span class="city_name">红河</span> <span
                                        class="city_name">德宏</span> <span class="city_name">大理</span> <span
                                        class="city_name">怒江</span> <span class="city_name">迪庆</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">甘肃</span></div>
                            <div class="city_container_right"><span class="city_name">兰州</span> <span class="city_name">嘉峪关</span>
                                <span class="city_name">金昌</span> <span class="city_name">白银</span> <span
                                        class="city_name">天水</span> <span class="city_name">酒泉</span> <span
                                        class="city_name">张掖</span> <span class="city_name">武威</span> <span
                                        class="city_name">定西</span> <span class="city_name">陇南</span> <span
                                        class="city_name">平凉</span> <span class="city_name">庆阳</span> <span
                                        class="city_name">临夏</span> <span class="city_name">甘南</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">宁夏</span></div>
                            <div class="city_container_right"><span class="city_name">银川</span> <span class="city_name">石嘴山</span>
                                <span class="city_name">吴忠</span> <span class="city_name">固原</span> <span
                                        class="city_name">中卫</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">青海</span></div>
                            <div class="city_container_right"><span class="city_name">西宁</span> <span class="city_name">玉树</span>
                                <span class="city_name">果洛</span> <span class="city_name">海东</span> <span
                                        class="city_name">海西</span> <span class="city_name">黄南</span> <span
                                        class="city_name">海北</span> <span class="city_name">海南</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">西藏</span></div>
                            <div class="city_container_right"><span class="city_name">拉萨</span> <span class="city_name">那曲</span>
                                <span class="city_name">昌都</span> <span class="city_name">山南</span> <span
                                        class="city_name">日喀则</span> <span class="city_name">阿里</span> <span
                                        class="city_name">林芝</span></div>
                        </div>
                        <div style="clear:both"></div>
                        <div class="city_container">
                            <div class="city_container_left"><span class="style_color">新疆</span></div>
                            <div class="city_container_right"><span class="city_name">乌鲁木齐</span> <span
                                    class="city_name">克拉玛依</span> <span class="city_name">吐鲁番</span> <span
                                    class="city_name">哈密</span> <span class="city_name">博尔塔拉</span> <span
                                    class="city_name">巴音郭楞</span> <span class="city_name">克孜勒苏</span> <span
                                    class="city_name">和田</span> <span class="city_name">阿克苏</span> <span
                                    class="city_name">喀什</span> <span class="city_name">塔城</span> <span
                                    class="city_name">伊犁</span> <span class="city_name">昌吉</span> <span
                                    class="city_name">阿勒泰</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-inline"><span id="mapLevel">当前缩放等级：10</span></div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md4" id="resDom">
                <div id="txt_pannel">
                    <img src="data:image/png;base64,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">
                    <p>搜索匹配结果</p>
                </div>
            </div>
            <div class="layui-col-md8" id="mapDom"></div>
        </div>
    </div>
    <div class="opt-bnt-group">
        <a class="layui-btn" id="closPoint">取消</a>
        <a class="layui-btn" id="initPoint">确定</a>
    </div>
</div>
<style>
    .layui-card-main {
        padding: 5px
    }

    .maps-querys .layui-input {
        height: 34px !important
    }

    .maps-querys .line-border {
        border: 0;
        border-bottom: 1px solid #e6e6e6
    }

    .maps-querys .layui-col-md8 {
        text-align: right
    }

    .maps-querys .layui-col-md8 .layui-inline:first-child {
        width: 35%
    }

    .maps-querys .layui-col-md8 .layui-inline:last-child {
        width: 60%
    }

    .maps-content {
        border: 1px solid #e6e6e6;
        margin-top: 5px;
        border-radius: 3px
    }

    .maps-content .layui-row:first-child {
        color: #333;
        background-color: #e6e6e6;
        line-height: 25px;
        padding: 0 10px;
        border-radius: 1px 0
    }

    .maps-content .change-city {
        cursor: pointer;
        margin-right: 20px;
        margin-left: 6px;
        text-decoration: underline
    }

    .maps-content .change-city:hover {
        color: #555
    }

    .maps-content .layui-row:last-child {
        height: 377px;
        border-radius: 0 1px
    }

    .city-content {
        display: none;
        position: absolute;
        z-index: 9999;
        top: 15px
    }

    .maps-city {
        width: 350px;
        height: 350px;
        padding: 5px !important;
        background: #fff !important;
        overflow: auto !important;
        color: #333;
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        vertical-align: top
    }

    .city-content .triangle-msg {
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom: 10px solid #e6e6e6;
        margin-left: 10px
    }

    .city-content .triangle-msg:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom: 10px solid #fff;
        position: relative;
        top: -9px;
        left: -10px
    }

    .maps-city .city_class {
        font-size: 12px;
        background: #fff
    }

    .maps-city .city_container {
        margin-top: 10px;
        margin-bottom: 10px;
        background: #fff
    }

    .maps-city .city_container_left {
        width: 48px;
        float: left
    }

    .maps-city .city_container_right {
        width: 289px;
        float: left
    }

    .maps-city .city_name {
        line-height: 20px;
        margin-left: 5px;
        color: #2f82c4;
        cursor: pointer;
        display: inline-block;
        font-size: 12px
    }

    #curCity {
        margin-right: 5px
    }

    #mapDom, #resDom {
        height: 377px;
        border-bottom-left-radius: 3px
    }

    #resDom {
        width: 33%;
        float: left;
        overflow: auto;
        border-right: 1px solid #e6e6e6
    }

    .info_list {
        padding: 5px;
        margin-bottom: 5px;
        cleat: both;
        cursor: pointer
    }

    .info_list:hover {
        background-color: #c1c1c1
    }

    .opt-bnt-group {
        text-align: right;
        padding-top: 10px
    }

    .opt-bnt-group span {
        position: absolute;
        color: red;
        left: 10px;
        bottom: 12px
    }

    .opt-bnt-group span:first-child {
        bottom: 35px
    }

    #txt_pannel {
        position: absolute;
        left: 35%;
        bottom: 45%;
        text-align: center
    }

    #txt_pannel img {
        width: 35px;
        height: 35px
    }

    #txt_pannel p {
        margin-top: 5px;
        color: #cdcdcd
    }

    .autocomplete {
        display: none;
        position: absolute;
        width: 99%;
        background-color: #fff;
        z-index: 9999;
        border: 1px solid #e6e6e6
    }

    .autocomplete li {
        height: 30px;
        border-bottom: 1px solid #e6e6e6;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer
    }

    .autocomplete li:hover {
        background: #dbe4f2
    }

    #searchAdr {
        margin-left: 5px;
    }
</style>