Question

我正在为美国制作amCharts amMap。我需要在地图上实现标记。我关注this example，但它没有按预期工作。标记显示不正确。

CODE

var map = AmCharts.makeChart("chartdiv", {
            type: "map",
            "theme": "light",
            imagesSettings: {
                rollOverColor: "#089282",
                rollOverScale: 3,
                selectedScale: 3,
                selectedColor: "#089282",
                color: "#13564e"
            },
            colorSteps: 10,

            dataProvider: {
                map: "usaLow",
                images: [{
                    zoomLevel: 5,
                    scale: 0.5,
                    title: "Dallas",
                    latitude: 32.82092,
                    longitude: -97.0115
                }, {
                    zoomLevel: 5,
                    scale: 0.5,
                    title: "Florida",
                    latitude: 25.7824,
                    longitude: -80.3011
                }]
            },

            areasSettings: {
                autoZoom: false,
               unlistedAreasColor: "#81c5e8"
            },

        });

JSFIDDLE

Answer 1

我同情你所遇到的问题，这是令人困惑的。简短回答：你需要使用一个允许纬度和经度规格的amMap USA地图。

请在此处查看类似问题的答案：

https://stackoverflow.com/a/33772896/538962

引用该答案：

您似乎正在使用未经校准的美国地图。 ...此地图因视觉目的而扭曲，因此与真实的纬度/经度坐标不兼容。

要解决此问题，您需要使用其中一张校准的地图。

以下是使用不同美国地图的示例的更新版本，该地图允许指定纬度和经度。

https://jsbin.com/dujinobuso/edit?html,output

坐标不适用于USA Map的ammap

1 个答案: