Question

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?

Was it helpful?

Solution

You should set map.dragMap = false;

OTHER TIPS

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
    }
});
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top