Web Sandbox - Map Demonstration

Home

Samples

Forums

The Map Extensibility demonstrates creating a customized policy for safely extending your site. In this example, you can use write a Gadget that interacts with the shared map via a subset of the Virtual Map API.

See the documentation for more information.

Create your gadget: Type code below OR upload via an URL.

Source: <html> <head> <title>Push Pin Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="policy" href="map.pol" required> <script type="text/javascript"> var map; function GetMap() { map = new VEMap(); map.AttachEvent("onclick", PixelClick); } function PixelClick(e) { var x = e.mapX; var y = e.mapY; var pixel = new VEPixel(x, y); var LL = map.PixelToLatLong(pixel); var shape = new VEShape(VEShapeType.Pushpin, LL); shape.SetTitle('Sample Pushpin'); shape.SetDescription('This is a sample shape'); map.AddShape(shape); document.getElementById("info").innerHTML = "Pixel X: " + x + " | Pixel Y: " + y + "<br /> LatLong: " + LL; } </script> </head> <body onload="GetMap()"> <div id="mapInfo"> <span id="info"></span> </div> <input type="checkbox" checked="checked" onclick="this.checked ? map.ShowAllShapeLayers() : map.HideAllShapeLayers() "> Hide/Show Points <br> <input type="checkbox" checked="checked" onclick="this.checked ? map.AttachEvent('onclick',PixelClick) : map.DetachEvent('onclick',PixelClick)"> Add points to map when clicked </body> </html>
URL

Transform via: Client (Requires Microsoft Silverlight) Server [ ? ]

Your code will manipulate the map below:

Create your gadget: Type code below OR upload via an URL.

View Gadget Source

Untrusted Input

Trusted Transformed Output