Bing Maps pushpins не отображается

Question

Я хочу добавить Bing Maps pushpins со стороны сервера. Я попробовал код ниже, но кнопки не отображаются. Есть ли какие-либо предложения о том, как улучшить приведенный ниже код и сделать эту работу?

Я использую ASP.NET и C# для следующей программы с Bing Maps Ajax Control V7.0

C#:

protected void Page_Load(object sender, EventArgs e) 
{ 
    GetLocation(sender,e); 
} 

protected void GetLocation(object sender, EventArgs e) 
{ 
    DataTable tblLocation = new DataTable(); 
    string query = "SELECT Latitude, Longitude FROM Location "; 
    if (textbox1.Text != "") 
    { 
     textbox1.Text = Convert.ToString(Convert.ToInt32(textbox1.Text) + 1); 
    } 
    else 
    { 
     textbox1.Text = "1"; 
    } 
    query += " WHERE num = " + textbox1.Text; 
    SqlDataAdapter adapter = new SqlDataAdapter(); 
    string connString = ConfigurationManager.ConnectionStrings["ConString"].ConnectionString; 
    SqlConnection conn = new SqlConnection(connString); 
    conn.Open(); 
    adapter.SelectCommand = new SqlCommand(query, conn); 
    adapter.Fill(tblLocation); 
    conn.Close(); 

    if (tblLocation.Rows.Count > 0) 
    { 
     longitude.Text = tblLocation.Rows[0]["Longitude"].ToString(); 
     latitude.Text = tblLocation.Rows[0]["Latitude"].ToString(); 
     string script = "UpdatePushPin(+ " + latitude.Text + " , " + longitude.Text + ");"; 
     ScriptManager.RegisterStartupScript(this, this.GetType(), "Key", script, true); 
    } 
    else 
    { 
     textbox1.Text = Convert.ToString(Convert.ToInt32(textbox1.Text) - 1); 
    } 
} 

Asp.net:

<script type='text/javascript' src='http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0'></script> 
<script type='text/javascript'> 
    var map; 
    function GetMap() { 
     map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), 
      {credentials: "mycredentials", 
      center: new Microsoft.Maps.Location(12.2, 103.7), 
      mapTypeId: Microsoft.Maps.MapTypeId.road, 
      zoom: 12 
     }); 
    } 
    function UpdatePushPin(x, y) { 
     map.entities.clear(); 
     var pushpin = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(x, y)); 
     map.entities.push(pushpin); 
    } 
</script> 

Answer 1

I предположим, что идентификатор ваших элементов широты и долготы отличается тем, что ASP.NET добавляет к ним информацию. Если вы проверите сгенерированный HTML, вы, скорее всего, увидите, что идентификаторы - это не просто «широта» или «долгота», а скорее нечто вроде ctl00 $ MainContent $ longitude. Чтобы исправить это, вы можете передать ClientID своих элементов управления ASP.NET в сценарий, который вы генерируете следующим образом:

string script = string.Format(@" 
<script type='text/javascript'> 
function updatePushPin() { 
map.entities.clear(); 
map.setView({zoom: 12, center: new Microsoft.Maps.Location(document.getElementById('{0}').text, document.getElementById('{1}').text)}); 

var center = map.getCenter(); 
var pin = new Microsoft.Maps.Pushpin(center); 
map.entities.push(pin); 

} 
</script>", latitude.ClientID, longitude.ClientID);