2

ammapマップに円形マーカーを追加したいと考えています。マーカーは、緯度 52.523407 と経度 13.4114 のベルリンを中心にする必要があります (これらの座標はこちらで確認できます)。

これを試みるページのソース コードを次に示します。jsFiddle の例も利用できます。

<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 km にあります。他のマーカーを追加すると、予想される場所の約 150 km 北西にも配置されます。私は何か間違ったことをしていますか、それともこれはバグですか?

ここに画像の説明を入力

4

1 に答える 1

1

MapImage に「centered: false」属性を追加する必要があります。

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/

于 2013-08-21T15:51:45.343 に答える