地圖不會顯示在屏幕上，svg標籤被插入

我已經從ammaps站點獲得了教程，並將其放置在一個html頁面中。當調用map.write並將SVG標籤插入它應該在的位置時，但是我從來沒有在瀏覽器中看到任何東西。我檢查了JS文件，並按正確的順序加載。我在控制檯中也沒有收到任何錯誤。下面你會發現代碼我使用：地圖不會顯示在屏幕上，svg標籤被插入

<html> 
<head> 
    <style> 
     #chartdiv { 
      width : 100%; 
      height : 500px; 
     }    
    </style> 
</head> 
<body> 
    <div id = "mapdiv" style="width: 600px; height: 400px;"> 
    </div> 

    <script src="../libs/jquery-1.10.2.min.js"></script> 
    <script src="../libs/ammaps/ammap.js"></script> 
    <script src="../libs/ammaps/maps/js/worldLow.js"></script> 
    <script> 
     AmCharts.ready(function() { 
      console.log("AmCharts.ready"); 

      var map = new AmCharts.AmMap(); 
      map.pathToImages = "ammap/images/"; 
      var dataProvider = { 
       //map: "worldLow", 
         mapVar: "worldLow", 
       getAreasFromMap:true    
      }; 
      map.dataProvider = dataProvider; 
      map.areasSettings = { 
       autoZoom: true, 
       selectedColor: "#CC0000" 
      }; 
      map.smallMap = new AmCharts.SmallMap(); 
      map.write("mapdiv"); 
     }); 
    </script> 
</body> 
</html>

更新：我發現從地圖改變dataProvider對象的映射屬性mapVar結果我seing地圖導航控件，還是沒有地圖雖然

來源

2014-05-09 Timigen

要解決我的問題並獲得地圖顯示，我必須將mapVar屬性的值從「worldLow」更改爲AmCharts.maps.worldLow。我不知道該教程是否沒有得到很好的維護，或者我有一個過時的庫。

來源

2014-05-09 14:43:41 Timigen

地圖不會顯示在屏幕上，svg標籤被插入

回答

相關問題