gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 16:05:48 24 4
gpt4 key购买 nike

我想将文本添加到线串。基本上与街道名称在谷歌地图中显示的方式相同。因此,如果我放大或移动 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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com