0

このJavaScript関数をasp.netボタンクリックイベントで実行したいのですが、ボタンをクリックしてもマップが読み込まれませんでした。コードは次のとおりです。助けてください。

<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
  </script>

//これは私のJavaScript関数です

<script type="text/javascript">
    var map;
    var layerl0;
    function initializes() 
    {
      map = new google.maps.Map(document.getElementById('map-canvas'), {
        center: new google.maps.LatLng(16.003575733881323, 81.298828125),
        zoom: 5,
        mapTypeId: google.maps.MapTypeId.HYBRID
      });
      layerl0 = new google.maps.FusionTablesLayer({
        query: {
          select: "'geometry'",
          from: '4757916',
          where: "Address='kerala'"
        },
        map: map
      });
    }
  </script>

//これはasp.netコードです

<body>
    <form id="form1" runat="server">
    <div>
    <div>
    <div id="map-canvas" style="height: 421px"></div>
    </div>
    <asp:Button ID="Button1" OnClientClick="initializes()" runat="server" Text="Button" />
    </div>
    </form>
</body>
4

1 に答える 1

0

上記の私のコメントからコピー：

ボタンがポストバックを引き起こしていると想定しているため、JSがクライアントのブラウザで実行されなくなります。asp：Buttonの代わりに、標準のhtmlボタンまたはinput type=button要素を使用します。あなたがそれを使用しているのがクライアント側の相互作用だけである場合、それはただ頭痛を引き起こすでしょう

そしてフィドル： http： //jsfiddle.net/qbjAD/

于 2012-08-02T13:14:12.663 に答える