I have discovered how to remove the controls for panning and zooming. I also found the property to stop zooming in on mouse clicks. How can I prevent the user from panning the map with the mouse?

有帮助吗?

解决方案

You should set map.dragMap = false;

其他提示

Here is an example of map instantiation expanded with all options related to the functionality mentioned in the question, both the ones already found and the one OP asked for. The option that answers the question is "dragMap": false:

var map = AmCharts.makeChart("chartdiv", {
    "type": "map",
    "theme": "light",
    "dataProvider": {
        "map": "worldLow",
        "getAreasFromMap": true
    },
    "dragMap": false,                // disables map dragging/panning
    "zoomOnDoubleClick": false,      // disables zoom on double click
    "zoomControl": {
        "zoomControlEnabled": false, // disables +/- zoom control
        "panControlEnabled": false   // disables pan controls (default)
    },
    "areasSettings": {
        "autoZoom": false,           // disables zoom when click on area
        "selectable": true           // determines whether an area is selectable - i.e. clicking on an area/country changes its color
    }
});
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top