谷歌地圖不顯示在MVC項目

你好，我嘗試添加谷歌地圖到我的項目，但是當你呈現頁面它看起來像這樣。谷歌地圖不顯示在MVC項目

上面顯示的代碼，頁面看起來像這樣。

@using OnlineShop.Models; 
    @{ 
     Layout = "~/Views/Shared/_MainPageLayout.cshtml"; 
    } 
    <html> 
    <head> 
     <link type="text/css" rel="stylesheet" href="~/Content/MainPage.css?Wednesday 20th of July 2016 07:45:21 AM" /> 
     <script src="~/Scripts/jquery-3.1.0.js" type="text/javascript"></script> 
     <script src="~/Scripts/jquery-3.1.0.min.js" type="text/javascript"></script> 
     <script src="~/Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script> 
     <script src="~/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script> 
     <script src="http://maps.google.com/maps/api/js?key=MyKey" type="text/javascript"></script> 
     <meta name="viewport" content="width=device-width" /> 
     <title>Contacts</title> 
    </head> 
    <body> 
     <div id="showProduct"> 
      <p>Email:[email protected]</p> 
      <p>Phone:555-555-555</p> 
      <p>City:Kiev</p> 
      <p>Adress:Fiskulturi 6</p> 
      <div id="canvas" style="height:500px;width:500px"></div> 
     </div> 

    </body> 
    </html> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
       GetMap(); 
      }) 
      function GetMap() { 
       var Kiev = google.maps.LatLng(50.4126106, 30.5444569); 
       var mapOptions = { 
        zoom: 15, 
        center: Kiev, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
       } 
       var map = new google.maps.Map(document.getElementById("canvas"), mapOptions); 
      } 
    </script>

我試圖找到在互聯網解決方案，但也有建議先合成格，然後添加地圖它。但是在看來，我做到了。

來源

2016-08-15 Faradey Inimicos

你缺少new關鍵字時，你分配一個值Kiev：

var Kiev = new google.maps.LatLng(50.4126106, 30.5444569); 
      ^

在一個側面說明;您正在加載jquery.js和jquery.min.js。你只應該加載一個版本。 jquery.unobtrusive-ajax.js

來源

2016-08-15 12:56:08 Turnip

谷歌地圖不顯示在MVC項目

回答

相關問題