javascript - disable panning on map with mouse - Stack Overflow

admin管理员组

文章数量:1397065

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?

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?

• javascript
• amcharts
• ammap

Share Improve this question Follow edited May 12, 2014 at 21:24 Timigen asked May 12, 2014 at 21:13 TimigenTimigen 1,02611 gold badge1717 silver badges3333 bronze badges 1

• 1 How do you remove the controls for panning and zooming? – TheoretiCAL Commented Oct 21, 2015 at 19:55

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

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
    }
});

本文标签： javascriptdisable panning on map with mouseStack Overflow