1

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

代码

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

4

1 回答 1

0

我对您遇到的问题表示同情，这令人困惑是可以理解的。简短的回答：您需要使用允许纬度和经度规范的 amMap USA 地图之一。

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

引用该答案：

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

要解决此问题，您将需要使用已校准的地图之一。

这是您的示例的更新版本，它使用了不同的美国地图，它允许指定纬度和经度。

于 2016-07-03T16:32:09.280 回答