基于JavaScript函数的googlemap

基于JavaScript函数的googlemap,javascript,google-maps-api-3,Javascript,Google Maps Api 3,我想在asp.net按钮单击事件上运行此JavaScript函数。但是当我单击按钮时,映射没有加载。这是我的代码。请帮助我 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script> //这是我的JavaScript函数 <script type="text/javascript"> var map;

我想在asp.net按钮单击事件上运行此JavaScript函数。但是当我单击按钮时,映射没有加载。这是我的代码。请帮助我

<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>

var映射;
var层0;
函数初始化()
{
map=new google.maps.map(document.getElementById('map-canvas'){
中心:新google.maps.LatLng(16.003575733881323,81.298828125),
缩放:5,
mapTypeId:google.maps.mapTypeId.HYBRID
});
layerl0=新建google.maps.FusionTablesLayer({
查询:{
选择:“‘几何体’”,
从:'4757916',
其中:“地址=”喀拉拉“
},
地图:地图
});
}
//这是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>

复制自我的上述评论:


我假设该按钮导致回发,从而停止JS在客户端浏览器中运行。使用标准html按钮或input type=button元素,而不是asp:button。如果你只是为了客户端交互而使用它,那只会让人头疼


还有一个问题:

我假设该按钮会导致回发,从而阻止JS在客户端浏览器中运行。使用标准html
按钮
输入类型=按钮
元素,而不是
asp:button
。如果你只是为了客户端交互而使用它,那只会让人头疼