0

我只是想在 ASP.Net Master \ Child 页面场景中测试来自 jQuery 的 Google Maps。我终于解决了调用 api 的所有错误（正确的键和参数），现在一切运行良好，没有错误。我在调试中多次跟踪执行，它似乎执行得很好。唯一的问题是无论我尝试什么，地图都不会显示。我正在使用来自 Google API 文档的示例 - 以下是仅更改了我的密钥的代码:)

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html, body, #map-canvas {
        margin: 0;
        padding: 0;
        height: 100%;
      }
    </style>
    <script src="Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=MyKey&sensor=false">
    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>The map should apprear here</h2>
    <div id="map-canvas"/>


    <script type="text/javascript">
        function initialize() {
            var map = new google.maps.Map(
            document.getElementById('map-canvas'), {
                center: new google.maps.LatLng(37.4419, -122.1419),
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });

                var marker = new google.maps.Marker({
                    position: new google.maps.LatLng(37.4419, -122.1419),
                    map: map
                });

        }
        google.maps.event.addDomListener(window, 'load', initialize);       
    </script>

</asp:Content>
4

1 回答 1

1

问题是您<div id="map-canvas"/>没有width设置height。将其设置为一些绝对值或百分比值。

于 2013-07-15T19:32:40.640 回答