Amcharts - 地图:自定义地图上的不良坐标(纬度/经度)(县级罗马尼亚)

时间:2016-03-25 09:56:38

标签: javascript amcharts

我试图在县地图上添加城市。纬度和长度在全尺寸地图(罗马尼亚水平)上绘制,但在县地图上绘制错误。我想我应该重新调整地图或城市的纬度/长度,我不知道...... 我应该如何根据城市lat / long生成县地图?

代码如下: http://jsfiddle.net/xzAx7/33/

    var map;

AmCharts.ready(function() {
    map = new AmCharts.AmMap();
    map.pathToImages = "http://www.ammap.com/lib/images/";
    //map.panEventsEnabled = true; // this line enables pinch-zooming and dragging on touch devices
    map.balloon.color = "#000000";

    var wordlDataProvider = {
        mapVar: AmCharts.maps.Cluj,
        getAreasFromMap: true,
        areas: [
            { id: "FR", color: "#4444ff" },
            { id: "RU", color: "#4444ff" },
            { id: "US", color: "#4444ff" }
        ],
        images: [{
                    title: "ClujNapoca",
                    latitude: 46.85307355,
                    longitude: 23.63327696,
                    type: "circle",
            color: "red",
            scale: 0.5
                }, {
                    title: "Turda",
                    latitude: 46.5745618,
                    longitude: 23.78573862,
                    type: "circle",
            color: "red",
            scale: 0.5
                }]
    };

    map.dataProvider = wordlDataProvider;

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

    map.write("mapdiv");

});

1 个答案:

答案 0 :(得分:0)

我找到了解决方案。你需要定义" defs"创建自定义地图时的属性(leftLongiitude,...)。这在本文中指定 - https://www.amcharts.com/tutorials/creating-custom-maps-for-javascript-ammap/
在amCharts文章中解释了如何获得这些" defs"属性。

我已更改下面的代码以了解其工作原理

"defs": {
    "amcharts:ammap": {
        "projection":"mercator",
        "leftLongitude":"22.607117",
        "topLatitude":"47.363798",
        "rightLongitude":"24.261932",
        "bottomLatitude":"46.384241"
    }
}

演示:http://jsfiddle.net/xzAx7/35/