小编oki*_*bba的帖子

mapbox 如何为线串添加标签?

我想将文本添加到线串中。基本上与街道名称在谷歌地图中显示的方式相同。因此,如果我放大或移动地图,文本仍会显示在线上。

我是否需要添加某种具有相同坐标的新图层?

这是一个jsfiddle开始。

<body>

<div id='map'></div>

</body>

mapboxgl.accessToken = 'pk.eyJ1Ijoib2tpZWJ1YmJhIiwiYSI6ImNpdHZscGs3ajAwNXYyb284bW4ydWUzbGsifQ.1PoNrSP0F65WolWgqKhV4g';

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v9',
    center: [-88.4, 33.4],
    zoom: 10
});

map.on('load', function () {
    map.addSource("route", {
        "type": "geojson",
        "data": {
            "type": "Feature",
            "properties": {},
            "geometry": {
                "type": "LineString",
                "coordinates": [
                    [-88.451092, 33.325422],
                    [-88.248037, 33.436312]
                ]
            }
        }
    });

    map.addLayer({
        "id": "route",
        "type": "line",
        "source": "route",
        "layout": {
            "line-join": "round",
            "line-cap": "round"
        },
        "paint": {
            "line-color": "#888",
            "line-width": 8
        }
    });



});


        body { …
Run Code Online (Sandbox Code Playgroud)

mapbox mapbox-gl

5
推荐指数
2
解决办法
6393
查看次数

标签 统计

mapbox ×1

mapbox-gl ×1