Digitize using Fusion Viewer API in MapGuide Enterprise 2011-白红宇

As you know, we have viewer API for AjaxViewer (Basic Web Layout) to digitize point, rectangle or polygon, but how about Fusion Viewer, is there any similar API for fusion viewer? Yes, we do.

You can refer to the MapGuideViewerApi.js, which locates at C:\Program Files\Autodesk\MapGuideEnterprise2011\WebServerExtensions\www\fusion\layers\MapGuide by default. MapGuideViewerApi mermicking the basic weblayout viewer API, including:

function DigitizePoint(handler)

function DigitizeLine(handler)

function DigitizeLineString(handler)

function DigitizeRectangle(handler)

function DigitizePolygon(handler)

function ClearDigitization()

function Refresh()

function SetSelectionXML(selectionXml)

function ZoomToView(x, y, scale, refresh)

In this artical, we will show you how to use digitizing.

Firstly, we need add a custom command to invoke an URL in flexible weblayout and add it to fusion viewer. Open MapGuide Studion and create a flexible weblayout, select one template, I choose Slate here, and then create a new component based on a master type, select “Invoke URL” as master type. This new component will invoke to your page(FusionViewerAPIDemo.aspx for example) when activated. Remember to add it to the Task Pane or other containner to display it.

Now, let’s go the page FusionViewerAPIDemo.aspx. The code goes like below:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FusionViewerAPIDemo.aspx.cs"

Inherits="FusionViewerAPIDemo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ">

<%--reference the fusion viewer API javascript file--%>

function showCoordniate(geomText) {

document.getElementById('coordResult').innerHTML = geomText;

}

function OnDigitizePoint() {

//ClearDigitization();

DigitizePoint(OnPointDigitized)

}

function OnPointDigitized(point) {

var geomText = point.X + "," + point.Y;

showCoordniate(geomText);

}

function OnDigitizeRectangle() {

//ClearDigitization();

DigitizeRectangle(OnRectangleDigitized);

}

function OnRectangleDigitized(rectangle) {

var geomText = "5,"

+ rectangle.Point1.X + "," + rectangle.Point1.Y + ","

+ rectangle.Point2.X + "," + rectangle.Point1.Y + ","

+ rectangle.Point2.X + "," + rectangle.Point2.Y + ","

+ rectangle.Point1.X + "," + rectangle.Point2.Y + ","

+ rectangle.Point1.X + "," + rectangle.Point1.Y;

showCoordniate(geomText);

}

function OnDigitizePolygon() {

//ClearDigitization();

DigitizePolygon(OnPolyonDigitized);

}

function OnPolyonDigitized(polygon) {

var geomText = polygon.Count;

for (var i = 0; i < polygon.Count; i++) {

geomText += "," + polygon.Point(i).X + "," + polygon.Point(i).Y;

}

showCoordniate(geomText);

}

</script>

</head>

<body>

<div>

<input type="button" name="" value="point" class="Ctrl" id="pntButton" οnclick="OnDigitizePoint()"

style="width: 30%" />

<input type="button" name="" value="rectangle" class="Ctrl" id="rectButton" οnclick="OnDigitizeRectangle()"

style="width: 30%" />

<input type="button" name="" value="polygon" class="Ctrl" id="polyButtton" οnclick="OnDigitizePolygon()"

style="width: 30%" />

<input type="button" name="" value="clear" class="Ctrl" id="clearButton" οnclick="ClearDigitization()"

style="width: 30%" />

<hr />

Coordinate Result:<br />

Coordinate Result shows here...</div>

</div>

</form>

</body>

</html>

Run it the application and play with it, it should work now!

Happy MapGuiding!

峻祁连

作者：

邮箱：junqilian@163.com

出处：

转载请保留此信息。

本文转自峻祁连. Moving to Cloud/Mobile博客园博客，原文链接：http://www.cnblogs.com/junqilian/archive/2010/06/04/1751563.html

，如需转载请自行联系原作者