1

私は自分でasp .net mvc 3を教えています。このチュートリアルを読みました: http://www.codeproject.com/Articles/148949/ASP-NET-MVC-3-the-Razor-View-Engine-and-Google-Mapおよび他のいくつかのそのような投稿。ただし、アプリケーションで Google マップを実行できませんでした。私は何を間違っていますか？

意見：

    @section Scripts_head {
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    }

    <script type="text/javascript">
        function initialize() {
            var latlng = new google.maps.LatLng(40.716948, -74.003563);
            var options = { zoom: 14, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP };
            var map = new google.maps.Map(document.getElementById("map"), options);
        }

        $(function () {
            initialize();
        });
    </script>
<div id="map" style="width:80%; height:80%"></div>

また、script タグの上に div を配置しようとしました。

レイアウト ページ:

<head>
    ...
    @RenderSection("Scripts_head", false)
</head>

コントローラ：

public class MapController : Controller
{
    //
    // GET: /Map/

    public ActionResult Index()
    {
        return View();
    }

}
4

2 に答える 2

1

エラーがない場合は、おそらくdiv「マップ」のサイズ設定です。これがJsFiddleで抽出されて機能するコードです：http： //jsfiddle.net/GNwU8/3/

于 2012-08-25T00:08:07.327 に答える
0

マップdivに絶対サイズを指定します。あなたが持っている：

<div id="map" style="width:80%; height:80%"></div>

...しかし、それは何の80％ですか？

代わりに試してください：

<div id="map" style="width:400px; height:300px"></div>
于 2012-08-25T08:32:21.010 に答える