Web.Maps.VE 1.0 Tutorials

General | JavaScript | Sample Applications

General

The General tutorials demonstrate the basics of implementing the Web.Maps.VE control.

Getting Started
This tutorial shows the most basic example of adding a Map to a page, and plotting some Pushpins on it.

Basic Event Handling
This tutorial shows the most basic example of handling map events. The example shown in this article demonstrates adding Pushpins to the Map when the user clicks on the map.

JavaScript

Even though the purpose of Web.Maps.VE is to abstract out the JavaScript necessary when traditionally implementing MS Virtual Earth mapping, it still exposes its functionality through an easy to use JavaScript API. This JavaScript API allows even more custom mapping implemenations to be created.

Basic JavaScript Event Handling
In this article we will go over the basics of hooking in event handlers for the client-side events that are raised by the map.

Advanced JavaScript/AJAX Concepts

These tutorials cover more advanced scenarios of customizing Web.Maps.VE using JavaScript and AJAX.

Dynamically Load Virtual Earth InfoBox Using AJAX
In this Tutorial we'll cover loading a Shapes InfoBox Title and Description dynamically using AJAX and Page Methods. We will also use a UserControl as our template for rendering the InfoBox Description.

Sample Applications

These sample applications are complete sets of functionality using the Web.Maps.VE control. The purpose of these is to demonstrate some of the ways that different mapping functionality can be implemented.

Distance Calculator
The Distance Calculator sample program shows how to allow the user to draw a polyline on the map, and then calculate the total distance between the points in both Miles and Kilometers. Both Server-Side .NET and Client-Side JavaScript code examples are included.

Route Planner - NEW!
The VE Route Planner sample program shows how to allow the user to plot a custom route on the map by plotting as many incremental points for the route as they would like. The user can add pushpins by clicking on the map while holding in the control key, and remove pushpins by right clicking on them. This example also demonstrates the ability of enabling the user to be able to click and drag the pushpins around to repostion them.