mapbox 如何将标签添加到线串？-6ren

mapbox 如何将标签添加到线串？

转载作者：行者123 更新时间：2023-12-03 16:05:48

24

4

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

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

这是 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 { margin:0; padding:0; }
        #map { position:absolute; top:0; bottom:0; width:100%; }

最佳答案

更好的解决方案 - http://jsfiddle.net/brianssheldon/wm18a33d/27/

使用 properties.title 将属性添加到 geojson，并在符号的 addlayer 中将“text-field”更改为“{title}”

    "properties": {
      "title": 'aaaaaa' 
    }

在符号的 addLayer 中，使用这个

 "text-field": '{title}',

关于mapbox 如何将标签添加到线串？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40430307/

24

4

0

文章推荐： qt - 使用 QWebEngineView 捕获服务器响应

文章推荐： cocoa - NSSecureTextField 和死字符(元音变音等)

文章推荐： xcode - 如何使用 Xcode 首选项面板中的常规和下载图标？

带文本的 ruby 串
我正在尝试创建一个程序，其中字符串的前三个字符重复给定次数，如下所示: foo('Chocolate', 3) # => 'ChoChoCho' foo('Abc', 3) # => 'AbcAbcA
c++ - 从字符串中分 ionic 串
我有以下字符串: std::string str = "Mode:AAA:val:101:id:A1"; 我想分离一个位于 "val:" 和 ":id" 之间的子字符串，这是我的方法: std::st
c++ - 我们如何有效地压缩 DNA 串
DNA 字符串可以是任意长度，包含 5 个字母(A、T、G、C、N)的任意组合。压缩包含 5 个字母(A、T、G、C、N)的 DNA 字母串的有效方法是什么？不是考虑每个字母表 3 位，我们可以使用
python - 编辑距 ionic 串
是否有一种使用 levenstein 距离将一个特定字符串与第二个较长字符串中的任何区域进行匹配的好方法？例子: str1='aaaaa' str2='bbbbbbaabaabbbb' if str
php - mcrypt 加密将 s 串 '%00' 添加到字符串末尾
使用 OAuth 并使用以下函数使用我们称为“foo”(实际上是 OAuth token )的字符串加密 key public function encrypt( $text ) { // a

首页

博学

6Ren·AI

商城

mapbox 如何将标签添加到线串？