如何使用gio js将地球色从黑色变为白色

Posted 2021-05-03

我找到了一些用于更改颜色的链接，但没有用：Change the color of a Three.js globe我需要使用http://gio.js将地球仪的颜色从黑色更改为白色

我尝试了以下代码来更改颜色，但无法产生预期的结果：

var container = document.getElementById("globalArea");
    var configs = {
        "control": {
            "stats": false,
            "disableUnmentioned": false,
            "lightenMentioned": true,
            "inOnly": false,
            "outOnly": false,
            "initCountry": "PK,CN",
            "halo": true,
            "transparentBackground": true,
            "autoRotation": false,
            "rotationRatio": 0

        },
        "color": {
            "surface": 10334380,
            "selected": 14853451,
            "in": 11247212,
            "out": 14823329,
            "halo": 9539985,
        },
        "brightness": {
            "ocean": 0,
            "mentioned": 0,
            "related": 0
        }

    };
    var controller = new GIO.Controller(container, configs);

    console.log(controller);
    //controller.setHaloColor("#7E8084");
    controller.removeHalo();
    controller.setTransparentBackground(true);
    controller.setInitCountry("BE");
    controller.lightenMentioned(true);
    controller.adjustOceanBrightness(0.8);
    controller.setSurfaceColor("#FFFFFF");
    controller.adjustRelatedBrightness(0.8);
    controller.adjustMentionedBrightness(0.8);
    //controller.addData(data);
    controller.init();

我发现了一些用于更改颜色的链接，但没有用：更改Three.js地球仪的颜色，我需要使用http：// gio将地球仪的颜色从黑色更改为白色。我尝试过的js ...

答案

 function init() {
    var $ = go.GraphObject.make;

    myDiagram =
      $(go.Diagram, "myDiagramDiv",
          {
            initialContentAlignment: go.Spot.Center  // for v1.*
          });

    myDiagram.nodeTemplate =
      $(go.Node, "Auto",
        $(go.Shape,
          { fill: "darkslategray", portId: "" },
          new go.Binding("fill", "isHighlighted", function(h) { return h ? "red" : "darkslategray"; }).ofObject()),
        $(go.TextBlock,
          { margin: 8, stroke: "white" },
          new go.Binding("text"))
      );

    myDiagram.linkTemplate =
      $(go.Link,
        {
          click: function(e, link) {
            e.diagram.commit(function(diag) {
              diag.clearHighlighteds();
              link.toNode.isHighlighted = true;
            }, "highlight toNode")
          }
        },
        $(go.Shape),
        $(go.Shape, { toArrow: "OpenTriangle" })
      );

    myDiagram.model = new go.GraphLinksModel(
    [
      { key: 1, text: "Alpha" },
      { key: 2, text: "Beta" },
      { key: 3, text: "Gamma" }
    ],
    [
      { from: 1, to: 2 },
      { from: 1, to: 3 }
    ]);
  }