MVC + code javascript

salut tout le monde.
j'ai un gros problème.
et je me suis inscrit spécialement a cause de ca.
voila je commence à apprendre ASP.NET 4 MVC 3,
et je souhaitais intégrer l'api google maps.
Pour ceci, dans un view j'ai intégrer la balise :

Code:

<div id="map_canvas" style="width:100%; height:100%"></div>

puis le code dans le master :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } </script>
mais voila le code JavaScript s'exécute bien, la balise se trouve bien dans le code source lors de l'exécution, mais pas moyen d'avoir un aperçu de la carte.
j'ai cherche sur le net et j'ai pas trouvé grand chose sur ce phénomène étrange.
si vous pouvez m'aider?