Gmap未在JSP上正确分发_Jsp_Google Maps_Tiles

Gmap未在JSP上正确分发

jsp google-maps

Gmap未在JSP上正确分发,jsp,google-maps,tiles,Jsp,Google Maps,Tiles,我有一个JSP，其中包含以下代码，用于获取用户输入日期，然后搜索汽车： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> iGo Rentals </title> <script src="http://maps.google.com/maps?file=api&

我有一个JSP，其中包含以下代码，用于获取用户输入日期，然后搜索汽车：

<html>
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title> iGo Rentals </title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAwGwLcl2-CcoaMrZlDQE6AxQzy7yiZoZ6XHPhop-FAedreB3tuRSGgFwbze7LydSaMHFavvXbm5-tDw"
        type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery-latest.js"></script>
    <script type="text/javascript" src="js/jquery.delegate.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"></link>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>      
    <script type="text/javascript" src="js/jcookie.js"></script>
    <script type="text/javascript" src="js/iGo.js"></script>
    <script type="text/javascript" src="js/iGoMaps.js"></script> 
    <link rel="stylesheet" href="css/iGo.css" type="text/css"></link>
    <!-- <link rel="stylesheet" media="screen and (max-width: 640px)" href="css/iGo_small.css" type="text/css"></link> -->


</head>
    <body>
<div id="main">


    <div class="headermodule"> 
    <p>  <% if(session.getAttribute("login")!= null){
                out.print("Hello "+session.getAttribute("login")+"\n"); 
            }
        %> </p>
    <!-- Menu -->
    <a href="jsp/registration_form.jsp"> Create New Account </a> | <a href="jsp/login_form.jsp"> Login | <a href="jsp/existing_reservations.jsp"> Existing Reservations</a> 
        <p> <% 
                if(request.getParameter("message")!= null){
                    out.println(request.getParameter("message"));
                }
            %>

        </p>
    </div>
    <div id="left">

        <form  id="form1" action="">
            <div class="module">
                <!-- Pick up and drop off dates -->
                <div class="label">Pickup Date </div>
                <input type="text" id="pickup" readonly="readonly" name="pickup" class="required"></input>
                <div class="label">Return Date </div>
                <input type="text" id="dropin" readonly="readonly" name="dropin" class="required"></input>
                <input type="hidden" id ="username" name="username" value="<%=session.getAttribute("login")%>" />

            </div>
            <div class="module"> <!-- Postal code input -->
                <div class="label">Please enter your Postal Code or a part of it!</div>
                <input type="text" id="postal_code" name="postal_code" maxlength="6" />
                <br/>
                <input type="button" id="searchButton" class="getcars" value="Search!"/>
            </div>
            <div class="module">
                <!-- filters input -->
                <div class="label">Customize your car search</div>
                    <div class="module">
                        <div class="label">Enter the price range</div>
                        <input type="radio" class="filters" name="price" value="50" />&lt;=50
                        <input type="radio" class="filters" name="price" value="100"  />&lt;=100
                        <input type="radio" class="filters" name="price" value="200"  />&lt;=200
                        <input type="radio" class="filters" name="price" value="99999" checked="checked" />All
                    </div>                  
                    <div class="module">
                        <div class="label">Enter the mileage range</div>
                        <input type="radio" class="filters" name="mileage" value="10" />10>=
                        <input type="radio" class="filters" name="mileage" value="20" />20>=
                        <input type="radio" class="filters" name="mileage" value="30" />30>=
                        <input type="radio" class="filters" name="mileage" value="0"  checked="checked" />All
                    </div>
                    <div class="module">
                        <div class="label">Enter the cubic capacity range</div>
                        <input type="radio" class="filters" name="cubic" value="50" />&lt;=50
                        <input type="radio" class="filters" name="cubic" value="100" />&lt;=100
                        <input type="radio" class="filters" name="cubic" value="200" />&lt;=200
                        <input type="radio" class="filters" name="cubic" value="99999"  checked="checked" />All
                    </div>
            </div>
        </form>
    </div>
    <div id="car_depot">
    </div>
    <div id="rentit">
        <p class="module"> Your Reservation Cart lives to serve you. Give it a purpose, Add a Car Now! </p>         
    </div>  
</div>
<div id="map_canvas"></div>
<script type="text/javascript">
    window.onload=checkCookies; 
</script>
</body>

然而，这是一个有趣的行为，给了我一个分裂的正方形地图瓷砖，换句话说，在我的地图画布，而不是完整的地图。我尝试了完全相同的方法，但是使用了一个jsp，除了javascript google key include和一个map_canvas div之外，它什么都没有，而且运行良好

谁来帮忙！可能是因为我包括了其他库吗？

好吧！女士们，先生们，我花了很长时间调试这个问题，秘密是显示的Gmap或由类似的东西返回的Gmap

var map = new GMap2(document.getElementById("map_canvas") );

返回标记的集合，如果使用Firebug检查地图，您将看到它

问题是，在我的css文件的某个地方，我为标记指定了css。当然，我在创建css时并不知道它，因为当时它是为我页面上的其他图像标记指定的。然而，这个css导致GMap返回的标签缩小，因此我的问题就出现了

var map = new GMap2(document.getElementById("map_canvas") );