2010-11-08 92 views
0
位置

谷歌地圖我用下面的代碼顯示在asp.net MVC2谷歌地圖:ASP MVC2沒有出現在

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript"> 
    $(function() { 
     var myLatlng = new google.maps.LatLng(-34.397, 150.644); 
     var myOptions = { 
      zoom: 8, 
      center: myLatlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    }); 



    </script> 

和我的DIV是這樣的:

<div id="map_canvas" style="width:323; height:207;"> 
          </div> 

與上面的代碼它沒有顯示任何谷歌地圖,但後參考下面的鏈接時,我設置其選擇:相對於關閉使用螢火蟲,然後它的顯示地圖,否則不是也沒有在我放置我的div但在左側:0和頂部:0的位置。請幫我展示它的確切位置,並使其可見:

ASP.NET MVC 2 and Google Maps Javascript API Version 3

編輯: 我使用VS2010

回答

2

位置:相對 CSS樣式規則是必要的,否則地圖將絕對定位在屏幕的左上角。

我在一個空的MVC 2項目中試過了你的代碼,它完美地工作。

+0

@tshao:但它沒有在我身邊工作。請給我任何提示,我應該檢查什麼。 – 2010-11-08 10:03:25

+0

@tshao:我也嘗試過新項目,但同樣的事情在那裏。沒有給我看任何地圖。當我使用firbug時,我正在設置它的位置:相對於它的左側顯示我的地圖:0和頂部:0 – 2010-11-08 10:07:10

+0

我試圖在VS2010生成的MVC 2項目在IE和Firefox。讓我試試VS2008,看看有沒有什麼區別。 – tshao 2010-11-08 10:09:14