Question

我想在点击按钮时显示谷歌地图，这将重定向到另一个jsp页面。现在发生了什么，当另一个页面出现，当我点击按钮显示地图时，它不会出现，但div发生在页面中。此外，当我运行该文件时，它只是工作。我正在使用netbeans ide。

    <!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

        </script>

        <script>
            function initializemap()
            {
                var mapProp123 = {
                    center: new google.maps.LatLng(51.508742, -0.120850),
                    zoom: 5,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map123 = new google.maps.Map(document.getElementById("googleMap123")
                        , mapProp123);
            }

        </script>
    </head>
    <body>

        <div data-role="page">
            <div data-role="header">
                <h1>Welcome To My Homepage</h1>
            </div>

            <div data-role="main" class="ui-content">
                <p>I Am Now A Mobile Developer!!</p>
                <input type="button" value="get map" onclick="initializemap()();">
                <div id="googleMap123" style="height: 300px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div>
            </div>

            <div data-role="footer">
                <h1>Footer Text</h1>
            </div>
        </div> 

    </body>
</html>

谷歌地图没有显示在页面上是一个jsp，它从另一个jsp页面重定向

0 个答案: