利用GClientGeocoder類實現找圖功能

源代碼:

  1. <head runat="server">
  2.     <title>Untitled Page</title>
  3.     <script src="<%=mapKey%>" type="text/javascript"></script>
  4.     <script language="javascript" type="text/javascript"
  5. function showAddress() { 
  6. var map = new GMap2(document.getElementById("mapPanel"));
  7. var geocoder = new GClientGeocoder();
  8. var address=document.getElementById("Hidden1").value; 
  9. geocoder.getLatLng(address,function(point) {      
  10. if (!point) 
  11. {        
  12. alert(address + " not found");      
  13. }
  14.  else 
  15.  {        
  16.    map.setCenter(point, 13);  
  17.    var marker = new GMarker(point);        
  18.    map.addOverlay(marker);        
  19.    marker.openInfoWindowHtml(address);
  20.    alert(point);     
  21. }    }  );}
  22.     </script>
  23. </head>
  24. <body οnlοad="showAddress();" οnunlοad="GUnload()">
  25.     <form id="Form2" runat="server" action="">
  26.         <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  27.         <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
  28.         <input id="Hidden1" runat="server" type="hidden" />
  29.         <div id="mapPanel" style="width: 500px; height: 300px;">
  30.         </div>
  31.     </form>
  32. </body>
  33. </html>
  34. CS代碼:
  35.  protected void Button1_Click(object sender, EventArgs e)
  36.     {
  37.         Hidden1.Value = TextBox1.Text.Trim();
  38.     }

注:mapKey請到http://code.google.com/intl/zh-CN/apis/maps/signup.html進行申請

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值