2013-08-21 104 views
2

我想圓形標記添加到地圖ammap。標記應以柏林爲中心,柏林的緯度爲52.523407,經度爲13.4114(您可以驗證這些座標here)。添加標記ammap地圖

下面是嘗試這個頁面的源代碼。 A jsFiddle example也是有效的。

<html> 
<head> 

<script src="ammap.js" type="text/javascript"></script> 
<script src="germanyLow.js" type="text/javascript"></script> 

<script type="text/javascript"> 

    var dataPoints = [{ 
      latitude: 52.523407, 
      longitude: 13.4114, 
      type: 'bubble', 
      color: '#CC0000',  
      fixedSize: false, 
      alpha: 0.5, 
      height: 50, 
      width: 50 
    }]; 

    AmCharts.ready(function() { 
     // create AmMap object 
     var map = new AmCharts.AmMap(); 

     // set path to images 
     map.pathToImages = "images/map"; 

     var dataProvider = { 
      mapVar: AmCharts.maps.germanyLow, 
      getAreasFromMap:true, 
      images: dataPoints 
     }; 

     // pass data provider to the map object 
     map.dataProvider = dataProvider; 

     map.areasSettings = { 
      autoZoom: true, 
      selectedColor: "#CC0000" 
     }; 

     // write the map to container div 
     map.write("mapdiv");       
    }); 

</script> 
</head> 
<body>  
    <div id="mapdiv" style="width: 600px; height: 400px;"></div> 
</body> 
</html> 

如果您打開此頁面,您會看到以下內容。我已經自己添加了黑色箭頭以指示圓圈應放置的位置。正如你所看到的,圓心位於其西北約150公里處。如果我添加其他標記,它們也將定位在我期望它們的地方大約150公里NW。我做錯了什麼,或者這是一個錯誤?

enter image description here

回答

1

您應該添加 「中心:false」 屬性您MapImage:

var dataPoints = [{ 
     latitude: 52.523407, 
     longitude: 13.4114, 
     type: 'bubble', 
     color: '#CC0000', 

     fixedSize: false, 
     alpha: 0.5, 
     height: 50, 
     width: 50, 
     centered: false 
}]; 

這是你更新的提琴:

http://jsfiddle.net/amcharts/6c5U3/591/