僅在iOS和OSX中映射加載錯誤，而不是Windows

我正在使用Microsoft.Maps，在Visual Studio中進行開發。出版後，在雙方的iOS Safari /鉻和OSX Safari瀏覽器工作在我所有的Windows瀏覽器不錯，但看起來是這樣的：僅在iOS和OSX中映射加載錯誤，而不是Windows

http://i.imgur.com/8EsJcMz.png

當滾動或縮放，屏幕的相同左側顯示同樣的，而屏幕的右側移動到世界的另一個地方，與我試圖移動的方向完全無關。更不用說，引腳也移動了！

作爲一個說明，我在星期五進行了測試，發現0個併發症......過去3天發生了一些事情，我不知道我是否可以修復它。

<script type="text/javascript" src="https://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&s=1"></script> 
    <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript" src="/js/jquery-bing-maps/jquery.ui.bmap.js"></script> 
    <script type="text/javascript"> 
      map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), 
        { 
         credentials: "<redacted>", 
         mapTypeId: Microsoft.Maps.MapTypeId.road, 
         enableClickableLogo: false, 
         enableSearchLogo: false, 
         showCopyright: false, 
         showDashboard: false, 
         showMapTypeSelector: false, 
         showScalebar: false, 
         tileBuffer: 0, 
         zoom: 10 
        }); 

     window.onload = MapLoad; 

    </script> 


<body style="min-height:418px;"> 
    <div id="topofpage"> 
     <form id="Form2" runat="server"> 
     <!--#include virtual="header.html"--> 
     </form> 
     <div class="undersightslogo" style="max-width: 100%; overflow: hidden;"> 
      <div id="mapDiv" style="position: absolute; width: 100%; max-height: 100%; top: 42px; 
       bottom: 0px; left:0px; min-height:372px;"> 
      </div> 
      <div style="position: absolute;left: 7px; bottom:-54px;"> 
       <h6> 
        &copy; <companyname> <script type="text/javascript">document.write(new Date().getFullYear());</script> 
        </h6> 
      </div> 
     </div> 
    </div> 
</body>

來源

2015-09-29 Ankit Ahuja

我發現在另一個論壇的解決方案。問題是，safari是一個非常挑剔的瀏覽器。因此，加入

text-align:left

解決了我的問題。這個問題通過我自己的不同代碼呈現，或者我認爲是這樣。但誰真的知道？

來源

2015-10-10 18:04:20

我無法重現此問題，但在您的文檔中發現了一些問題。首先是沒有MapLoad函數，並且您的代碼正在加載頁面之前嘗試加載地圖。第二個是你有一個表單標籤，但它永遠不會關閉。

確保您已包含當前的Doctype和UTF-8元標記，因爲這是呈現相關問題的最常見原因之一。試試這個文檔類型：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

這個元標記：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

來源

2015-09-29 15:36:32 rbrundritt

僅在iOS和OSX中映射加載錯誤，而不是Windows

回答

相關問題