ASP MVC2 ne montre pas carte google sur la position

Question

je suis en utilisant le code ci-dessous pour afficher la carte Google en asp.net 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> 

et mon div est comme ceci:

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

avec le code ci-dessus il n'affichait pas de google map mais après avoir référencé le lien ci-dessous quand j'ai défini son opsition: relatif à off utilisant firebug puis sa carte d'affichage sinon pas et aussi pas à position où j'ai placé ma div mais à gauche: 0 et en haut: 0. S'il vous plaît aidez-moi à le montrer sur la position exacte et de le rendre visible:

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

EDIT: J'utilise VS2010

Answer 1

La Position: règle de style par rapport CSS est nécessaire, sinon la carte sera absolument positionné en haut à gauche de l'écran.

J'ai essayé votre code dans un projet MVC 2 vide et cela fonctionne parfaitement.