0

ASP.Net マスター \ 子ページ シーンで jQuery から Google マップをテストしようとしています。最終的に、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"/>いないことです。絶対値またはパーセンテージ値に設定します。widthheight

于 2013-07-15T19:32:40.640 に答える