增加上海边界遮罩

zhaoxing

2022-09-14 e6c901aa5f7e4aef3a8a49afeb624a074630df46

 js/index.js

@@ -3,6 +3,7 @@

var map; //地球对象
var request; //传入的get参数
var geoJsonLayer;

//地图
$(document).ready(function () {
@@ -102,6 +103,26 @@
  //创建三维地球场景
  map = new mars3d.Map("mars3dContainer", mapOptions);

  //上海边界遮罩
  geoJsonLayer = new mars3d.layer.GeoJsonLayer({
    url: "data/shanghai.json",
    mask: true, //标识为遮罩层【重点参数】
    symbol: {
      styleOptions: {
        fill: true,
        color: "rgb(2,26,79)",
        opacity: 0.9,
        outline: true,
        outlineColor: "#39E09B",
        outlineWidth: 8,
        outlineOpacity: 0.8,
        arcType: Cesium.ArcType.GEODESIC,
        clampToGround: true,
      },
    },
  });
  map.addLayer(geoJsonLayer);

  //构造widget
  initWidget(map);