Lin_Ye_Fang_Huo/public/widgets/manageBasemaps/view.js

"use script"; //开发环境建议开启严格模式

//对应widget.js中MyWidget实例化后的对象
var thisWidget;

//当前页面业务
function initWidgetView(_thisWidget) {
  thisWidget = _thisWidget;

  var arrBasemaps = thisWidget.getBasemaps();

  var inhtml = "";
  for (var i = 0; i < arrBasemaps.length; i++) {
    var layer = arrBasemaps[i];

    var vhtml = "";
    if (layer.isAdded && layer.show) {
      vhtml = 'class="hover"';
    }

    var imgsrc = layer.options.icon || "img/basemaps/bingAerial.png";

    inhtml += `<li ${vhtml} onclick="changeBaseMaps(this,'${layer.uuid}')">
      <div><img src="../../${imgsrc}" /></div><div>${layer.name}</div>
    </li>`;
  }
  $("#basemaps").html(inhtml);

  //地形开启控制
  $("#chkHasTerrain").prop("checked", thisWidget.map.hasTerrain);
  $("#chkHasTerrain").change(function () {
    var isStkTerrain = $(this).is(":checked");
    thisWidget.map.hasTerrain = isStkTerrain;
  });
}

function changeBaseMaps(ele, id) {
  $("#basemaps")
    .children()
    .each(function () {
      $(this).removeClass("hover");
    });

  $(ele).addClass("hover");

  thisWidget.updateBasemap(id);
}