关于javascript:高德地图多icon

41次阅读

共计 1327 个字符，预计需要花费 4 分钟才能阅读完成。

      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>`}

正文完