viewList: [ // { // name: "景区景点", // type: 0, // icon: "icon-jingdian", // value: 20, // color: "#5ac8fb", // active: true // }, // { // name: "客栈", // type: 1, // icon: "icon-kezhan", // value: 20, // color: "#007aff", // active: true // }, // { // name: "游览厕所", // type: 2, // icon: "icon-cesuo", // value: 71, // color: "#14f7fe", // active: true // }, // { // name: "售票处", // type: 3, // icon: "icon-icon-test-copy", // value: 2, // color: "#3bf6bf", // active: true // }, // { // name: "出入口", // type: 4, // icon: "icon-churukou", // value: 2, // color: "#ffd425", // active: true // }, // { // name: "停车场", // type: 5, // icon: "icon-tingchechang", // value: 57, // color: "#ff9501", // active: true // }, // { // name: "观景台", // type: 6, // icon: "icon-guanjingtai", // value: 8, // color: "#f86732", // active: true // }, // { // name: "服务中心", // type: 7, // icon: "icon-fuwu", // value: 1, // color: "#ff3a2f", // active: true // }, ],
let shape = type => { return `<div class="svg-icon"><svg class="legend-bg" version="1.1" xmlns="http://www.w3.org/2000/svg" width="36" height="48" ><g><path stroke-width="0" fill="${this.viewList.find(item => item.type == type).color}" d="M13.896,0C6.202,0,0,6.076,0,13.555C0,25.629,13.896,37.392,13.896,37.392s13.896,-11.997,13.896,-23.837C27.792,6.076,21.59,0,13.896,0z" /></g></svg><svg class="icon legend-icon" style="fill:${this.viewList.find(item => item.type == type).color};" aria-hidden="true"><use xlink:href="#${this.viewList.find(item => item.type == type).icon}"></use></svg></div>`}