首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带说明的Mapbox GL JS。单击时禁用setOrigin和setDestination

带说明的Mapbox GL JS。单击时禁用setOrigin和setDestination
EN

Stack Overflow用户
提问于 2021-05-31 08:53:42
回答 1查看 88关注 0票数 1

我正在使用带方向的Mapbox GL JS。

directions功能的默认行为是设置当您单击地图图层时单击的方向的起点和目的地。我想禁用此功能。

我该怎么做呢?我现在做的不管用。

代码语言:javascript
运行
复制
    <script src='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js'></script>
    <link href='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css' rel='stylesheet' />

    <script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-directions/v4.1.0/mapbox-gl-directions.js"></script>
    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-directions/v4.1.0/mapbox-gl-directions.css" type="text/css">    
   
    <div id='map'></div> 

    <script>    
        mapboxgl.accessToken = 'token';
    
        var map = new mapboxgl.Map({
            container: 'map',
            center: [76, -122],
            zoom: 12
        });
    
        var directions = new MapboxDirections({
            accessToken: mapboxgl.accessToken
        });
    
        map.addControl(directions,'top-right');

        //Disable "onclick" directions
        map.directions.on('click', function(e) {
            e.preventDefault();
        });
        map.on('click', function(e) {
            e.preventDefault();
        });
        directions.on('click', function(e) {
            e.preventDefault();
        });
    </script>
EN

回答 1

Stack Overflow用户

发布于 2021-07-12 21:54:15

MapboxDirections构造函数中有一个interactive选项,您可以将其设置为false

代码语言:javascript
运行
复制
    var directions = new MapboxDirections({
        accessToken: mapboxgl.accessToken,
        interactive: false
    });

请参阅此处的应用编程接口文档:https://github.com/mapbox/mapbox-gl-directions/blob/master/API.md#mapboxdirections

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67766868

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档