function beginJuheMap(map, data) { map = L.map('map', { //初始化地图 center: [31.87, 120.54], zoom: 12, // crs: L.CRS.EPSG4326, //设置坐标系4326 attributionControl: false, //去掉右下角 zoomControl: false, //去掉缩放 }); L.tileLayer( //添加切片图层 "http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}", { subdomains: ["1", "2", "3", "4"], attribution: "高德" } ).addTo(map); var markers = L.markerClusterGroup(); var transportIcon = L.Icon.extend({ //图标初始化 options: { iconSize: [30, 30], // 图标尺寸 // iconAnchor: [30, 30], // 图标偏移量 // popupAnchor: [-20, -20] // 弹出框偏移量 } }); var carIcon = new transportIcon({ //引入图标 iconUrl: './img/gray.png' }), planeIcon = new transportIcon({ iconUrl: './img/green.png' }), busIcon = new transportIcon({ iconUrl: './img/red.png' }); console.log(data, 43545343) var setData = (a) => {//定义图标 marker = L.marker([a.jd, a.wd], { icon: a.state == 0 ? carIcon : a.state == 1 ? planeIcon : a.state == 2 ? busIcon : '', title: title, myData: {//自定义数据 ...a } }); } for (var i = 0; i < data.length; i++) { var a = data[i]; var title = a.title; if (a.state == 0) { setData(a); } else if (a.state == 1) { setData(a); } else if (a.state == 2) { setData(a); } // marker.bindPopup(title); markers.addLayer(marker); } map.addLayer(markers); markers.on('click', function (a) { var data = JSON.stringify(a.layer.options.myData); layui.use('layer', function () {//弹窗 layuiLayer = layui.layer; // layuiLayer.config({ // extend: 'myskin/FlareClusterLayer.css' // }); // layuiLayer.close(layuiLayer.index); if (nowIndex != null) { layuiLayer.close(nowIndex); } layuiLayer.open({ title: '', anim: 2, type: 2, shadeClose: true, shade: false, skin: 'demo-class', id: 'onelyTwo', maxmin: false, //开启最大化最小化按钮 area: ['100px', '100px'], // area: 'auto', // offset: winSize, offset: 'b', skin: 'flare', isOutAnim: false, closeBtn: 1, //关闭按钮,可通过配置1和2来展示,0关闭 content: ['./popup/user.html'], resize: false, scrollbar: false, // tipsMore: true, //允许多个tipe // content: num, success: function (layero, index) { //成功后添加全局点击关闭 nowIndex = index; console.log(data, 53413541) $("#layui-layer-iframe" + index).contents().find("#user").val(data); // layuiLayer.close(index) }, }) }) }); }