📄 index.html

📁 您的联系人可以拨打此号码发送传真
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Sample DMSG Fusion Application</title>

<!-- change the source of the following tag to point to your fusion installation -->
<script type="text/javascript" src="../../../lib/fusion.js"></script>

<style type="text/css">
    @import url(template.css);
</style>

<script type="text/javascript">


window.onload = function() {

    /* make 'thePage' just fill the browser window and resize automagically
       the user resizes the browser */
    new Jx.Layout('thePage');

    /* the height of toolbars.  For jxskin-border,
     * its 28 and for jxskin-graphic its 30 */
    var h = 30;
    new Jx.Layout('Main', {bottom: 22, right: 250});
    new Jx.Layout('Statusbar', {height: 22, top: null});
    new Jx.Layout('TaskPane', {bottom: 22, width: 250, left: null});
    new Jx.Layout('Toolbar', {height: h, bottom: null});
    new Jx.Layout('Splitter', {top: h});
    new Jx.Layout('StatusbarContainer', {height: 21, left: 0, right: 0, top: null, bottom: 0});
    new Jx.Layout('Statusbar', {height: 21, left: 0, right: 0, top: null, bottom: 0});

    /* create a split between the map and panels */
    var splitter = new Jx.Splitter('Splitter', {elements: [$('PanelPane'), $('Map')], containerOptions: [{width: 200}, {}]});

    /* create the Panels */
    var p1 = new Jx.Panel({label: 'Legend'});
    p1.content.id = 'Legend';
    var p2 = new Jx.Panel({label: 'Selection'});
    p2.content.id = 'SelectionPanel';
    var p3 = new Jx.Panel({label: 'Overview Map'});
    p3.content.id = 'OverviewMap';
    var pm = new Jx.PanelManager('PanelPane', [p1, p2, p3]);

    /* show the page contents after Jx Layout has initialized */
    $('thePage').resize();
    $('thePage').style.visibility = 'visible';

    /* initialize Fusion */
    Fusion.registerForEvent(Fusion.Event.FUSION_INITIALIZED, fusionInitialized);
    Fusion.registerForEvent(Fusion.Event.FUSION_ERROR, fusionError);
    Fusion.initialize();
}

function fusionError(eventId, error) {
    /* alert error messages here if in debug mode */
}

function fusionInitialized() {
    $('thePage').resize();
}

</script>
</head>

<body>

<!-- container for the entire page -->
<div id="thePage" style="visibility: hidden">

  <!-- main application container -->
  <div id="Main">
    <div id="Toolbar"></div>
    <div id="Splitter">
      <div id="PanelPane"></div>
      <div id="Map"></div>
    </div>
  </div>

  <!-- task pane -->
  <div id="TaskPane"></div>

  <!-- status bar -->
  <div id="StatusbarContainer">
    <div id="Statusbar"></div>
  </div>

</div>

<!-- loading animation -->
<div id="BusyIndicator" style="visibility: hidden;">
    <img src="images/icon_loading.gif" width="30" height="14">
</div>

<!-- container for measure widget -->
<div id="MeasureResult"></div>

</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -