Question

我使用下面的代码在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>

我的div是这样的：

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

上面的代码它没有显示任何谷歌地图，但在我设置其操作后引用下面的链接：相对于使用firebug关闭然后它显示地图否则没有，也不在我放置我的div但在左边的位置：0并在上面：0。请帮我把它显示在准确的位置并使其可见：

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

编辑：我正在使用vs2010

Answer 1

位置：相对 CSS样式规则是必需的，否则地图将绝对位于屏幕的左上方。

我在一个空的MVC 2项目中尝试了你的代码，它运行得很好。

ASP MVC2没有在位置上显示谷歌地图

1 个答案: