---
title: 导出ForgeViewer
source: https://vjmap.com/guide/forgeviewer.html
---

# 导出ForgeViewer

## 概述
[Autodesk Forge](https://forge.autodesk.com/)是AutoDesk的产品，由一组强大的Web服务API，SDK开发包以及开发人员社区组成。

**`vjmap`能将`AutoCAD`的`DWG`图形导出 `forgeviewer` 要求的`f2d`格式，从来可以利用`forgeviewer`的`SDK`进行开发，并进行`离线`部署**

## 示例

<mapFrame src="/examples/forgeviewer/index.html" height="550" :hideButton="true"/>

<br/>
<br/>

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=no"/>
    <title>forgeViewer-Vjmap.com</title>
	<link rel="stylesheet" type="text/css" href="./style.min.css">
	<script src="./viewer3D.min.js"></script>
</head>
<body style="margin:0px">
	<div id="viewer-local"></div>
<script>
    var config = {
        extensions: [
            "Autodesk.Viewing.ZoomWindow"
        ],
        disabledExtensions: {
            measure: false,
            section: false,
        },
        memory: {
            limit: 32 * 1024    //32 GB
        }
    };

    var element = document.getElementById('viewer-local');
    var viewer = new Autodesk.Viewing.Private.GuiViewer3D(element, config);

    var options = {
        env: 'Local',
        offline: 'true',
        useADP: false
    };

    Autodesk.Viewing.Initializer (options, function () {

        var startedCode = viewer.start();
        if (startedCode > 0) {
            console.error('Failed to create a Viewer: WebGL not supported.');
            return;
        }

        viewer.loadModel("./f2d/zp.f2d", { "skipPropertyDb": false, bgColor: 0x212830}, onLoadSuccess, onLoadError);
		viewer.setSwapBlackAndWhite(true);
    });

    function onLoadSuccess(event) {
        console.log('success');
    }

    function onLoadError(event) {
        console.log('fail');
    }

</script>
</body>
</html>
```
