If you a have landed on this page please go ahead and take a gander at the Getting Started Page http://blog.geoffreyemery.com/post/Virtual-Earth-Server-Side-Control-ndash3b-Getting-Started.aspx
So now that you have the got the control installed on your computer and you have installed the ctp you can then go ahead and get started.
Starting It up so go ahead and drag over the server control over to the page
Drag and drop control onto your web page - You can drag and drop the control from toolbox onto your web page and set some properties and you are ready to go.
Now we are going to go ahead and set some properties. First we should have a look at the parameters created when dragging the control from the Toolbox and dropping it on a Web page. The default values in the description are also those created when dragging the control from the Toolbox and dropping it on a Web page.
ID
Required. The unique identifier for the control on the Web page. The default value is Map1.
Height
Optional. The height of the control on the Web page. The default value is 400px.
Width
Optional. The width of the control on the Web page. The default value is 400px.
ZoomLevel
Optional. The zoom level of the map on the Web page. The default value is 4.
Altitude
Optional. The altitude, in meters.
Center-Latitude
Optional. The latitude, in degrees, of the center of the map. The allowed range is from -90 (south pole) to 90 (north pole). The default value is 40.
Center-Longitude
Optional. The longitude, in degrees, of the center of the map. The allowed range is from -180 to 180. The default value is -104.
ClearInfoBoxStyles
Optional. Whether to clear any style settings for the information boxes. If true, the styles are cleared. The default value is false.
ClientToken
Optional. The unique client token from the Virtual Earth Platform service. Used to enable paid features and also track usage the token is received server side from the Virtual Earth Platform Web service. The default value is empty (""). Client tokens are required to get traffic information.
DashBoard
Optional. Whether to display the dashboard. If true, the dashboard is shown. The default value is true.
DashBoardSize
Optional. The size of the dashboard, if displayed. The allowed values are Tiny, Small, and Normal. The default value is Normal.
DisambiguationDialog
Optional. Whether to show the default disambiguation dialog is displayed when multiple results are returned from a location query. If true, the disambiguation dialog is displayed. The default value is true.
EnableShapeDisplayThreshold
Optional. Whether shapes are drawn below a threshold zoom level. If true, shapes are drawn below the threshold level. The default value is false.
Of going this for real first lets start off with blank ajax web site…
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="script1" />
<div>
</div>
</form>
</body>
</html>
Now we are going to add the mapping control. Simply drag it across.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<%@ Register Assembly="Microsoft.Live.ServerControls.VE" Namespace="Microsoft.Live.ServerControls.VE"
TagPrefix="ve" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Setting Map Porperties with the Virtual Earth Server Side Control</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="SM1" />
<div>
<ve:Map ID="Map1" runat="server" Height="400px" Width="400px" ZoomLevel="4" />
</div>
</form>
</body>
</html>
You will notice that you have a user control registered at the top and that the ve map control, and also notice that there is now a new dll in the bin folder that is inserted from dragging on the control.
Now you are ready go press f5 and lets see what you get…
A ma centered on the US. Awesome So lets set some properties.
Since mix is right around the corner lets set the map on the The belagio hotel.
change the map style to aerial , turn on the minmap and make the default measurement into kilometers not to mention play with the zoom level a bit.
<ve:Map ID="Map1" runat="server" Center-Latitude="36.11285"
Center-Longitude="-115.174" Height="600px" MapStyle="Aerial" MiniMap="True"
MiniMapSize="Large" MiniMapXoffset="520" MiniMapYoffset="5"
ScaleBarDistanceUnit="Kilometers" Width="720px" ZoomLevel="18" />
Now lets take a look at what we get.
And that's its now we have set up our first virtual earth server side control.