Yeah!!! I finally found the right combination to get a map on the page. Follow these steps if you want to take a shot at it. Also, let me know if you have any enhancements.
1. Put your Bing Map java code into a separate .js file. This is the content of my BingMap.js:
function GetMap()
{
var map = null;
map = new VEMap('myMap');
map.LoadMap(new VELatLong(32.8, -100.5), 8 ,'r' ,false);
}
2. In the master page, page directives header section, add a reference to your javascript file:
<Scripts> <asp:ScriptReference Path="~/SetFocus.js" /> <asp:ScriptReference Path="~/BingMap.js"/> Scripts> asp:ScriptManager>
3. On the page you want a Bing Map, open the page directives:
a. In the page prolog, after the StartOfPageContent tag, add this script reference:
<a id="StartOfPageContent">a>
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2">script>
<GEN:UPDATEPANEL NAME="UpdatePanel1">
b. In the page epilog, add the script below.
GEN:UPDATEPANEL>
<div id="detailPopup" class="detailRolloverPopup" onmouseout="detailRolloverPopupClose();" onmouseover="clearTimeout(gPopupTimer);">div>
<script type="text/JavaScript">
window.onload = GetMap ()
script>
<asp:ValidationSummary id="ValidationSummary1" ShowMessageBox="true" ShowSummary="false" runat="server">asp:ValidationSummary>
asp:Content>
4. On the page where you want the Bing Map, choose a cell to place the actual map:
<div id='myMap' style="position:relative; width:550px; height:400px;">div>
Voila, you should have a Bing Map on your ISD page.
Note: I did not try to add the map inside of an IronSpeed Table or Record control. I placed the map in a cell outside of all generated controls. The next step is to add javascript to interact with the individual database bound controls and hopefully pass information from the map to the database.
RSS(.NETCodeGenerationIsHere).gif)
