交互控制

交互控制指的对地图各种鼠标性的交互操作，包括拖拽，缩放等

地图上主要提供了一些配置选项来控制

const options = {
    draggable: true, //鼠标拖拽操作，平移，旋转,倾斜等
    dragPan: true, //平移
    dragRotate: true, //旋转
    dragPitch: true, //倾斜
    scrollWheelZoom: true, //鼠标缩放
    doubleClickZoom: true, //双击并缩放
    touchZoom: true, //触屏上缩放
    touchRotate: true, //触屏上旋转
    touchPitch: true, //触屏上倾斜
    zoomable: true, //缩放
    zoomInCenter: false, //缩放始终以中心点为进行缩放
    zoomAnimation: true, //缩放时是否动画
};

如果你想控制地图的交互操作，你可以在创建地图时进行配置

var map = new maptalks.Map("map", {
    center: [116.45266161, 39.86656647],
    zoom: 14,
    draggable: false,
    baseLayer: new maptalks.TileLayer("base", {
        urlTemplate:
            "https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
        subdomains: ["a", "b", "c", "d"],
    }),
});

或者通过config方法来动态更新

map.config({
    zoomable: false,
});

交互控制 ​

交互控制