个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
所以我正在编写一个应用程序，它允许管理员用户创建一个围绕具有不同停靠点的特定位置的旅程。
为了显示 map 、添加标记、flyTo 位置等，我正在使用 Mapbox GL .
我正在使用 cURL Mapbox的实现API 获取行车路线，然后在 map 上画一条线
以 cURL 为例调用我收到代表我的方向的坐标列表。
问题 当我尝试在 map 上连接这些点时出现。
以 HTML 为例与一些 JS
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>
<div id='map'></div>
<script>
mapboxgl.accessToken = '<ACCESS TOKEN>';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v8',
center: [-122.486052, 37.830348],
zoom: 15
});
map.on('load', function () {
map.addSource("route", {
"type": "geojson",
"data": {
"type": "Feature",
"properties": {},
"geometry": {
"type": "LineString",
"coordinates": [
[-155.088899,19.722942],[-155.08565,19.72472],[-155.084661,19.723701],[-155.083569,19.723139],[-155.079557,19.722262],[-155.074227,19.721938],[-155.069939,19.722545],[-155.070061,19.721225],[-155.07007,19.711726]
]
}
}
});
map.addLayer({
"id": "route",
"type": "line",
"source": "route",
"layout": {
"line-join": "round",
"line-cap": "round"
},
"paint": {
"line-color": "#888",
"line-width": 8
}
});
});
</script>
</body>
</html>
Mapbox Gl Directions API 做一些魔术。但没有运气，因为我必须添加
contoller我不想。我只需要画一条路线，不允许公共(public)用户修改它。
最佳答案
不确定我是否理解正确，但是当您发送请求以获取包含在 url 中的路线时，“”概览=完整' .这将返回更详细的路径，因此您无需使用 Matching API。
例子:
` https://api.mapbox.com/directions/v5/mapbox/driving/-74.50,40;-80,50?overview=full&geometries=geojson&access_token=
关于Mapbox gl 方向 API，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37259426/
26
4
0
我正在使用 Visual Studio 2010。 我正在尝试在 OpenGL 中编写简单的 Camera 类。 我需要在 Camera.h 中包含 gl/gl.h gl/gl.h 已经包含在 mai
这个问题适用于了解 MapBox GL JS 内部结构的人。 我正在使用 MapBox GL JS 渲染多达 40,000 个多边形的地理 map ，每个多边形的颜色都基于该多边形的“所有者”。每个所
我想知道3D建筑物的“填充颜色”是否可以根据某些事件动态更改，例如将鼠标悬停在建筑物上时的mouseMoveEvent，突出显示3D建筑物。 最佳答案 试试这个 map.on('load', func
我正在使用 mapbox-gl 并从 osm2vectortiles.org 下载矢量切片 我想让 map 仅在已知多边形内可见，但找不到任何方法来实现这一点。 我可以想象几种解决这个问题的方法，但每
在探索javascript的过程中，我遇到了一个很莫名其妙的问题。序言是:我将不同 mime 类型的图像(主要是 pngs/jpgs)转换为具有 ImageBitmap 接口(interface)的位
我一直在使用行程图层可视化行程数据，并且尝试在每条行程线的开头放置一个图标。是否可以让多个图标随时间改变位置、出现和消失？ Example of what I'm trying to do (red
我有一个 map 应用程序，它使用 Mapbox.com 来提供英国邮政编码边界的矢量切片。边界文件很大，不适合使用 TopoJSON 之类的工具进行下载。这很好用。 我还使用数据驱动的样式来格式化
将鼠标悬停在一个 3D 建筑上时，如何突出显示它？像 OSM 建筑物突出显示功能。 mapbox street v7 建筑图层特征属性好像很少，只包括: 拉伸(stretch) 高度 最小高度 类型
有没有办法隐藏/删除或禁用控件，例如 mapbox-gl-draw 中的控件？ 我添加绘制控件如下 draw = mapboxgl.Draw({ drawing: true,
这可能非常简单，但我找不到如何在 deck.gl 的标签下方添加新层。它在底层使用 Mapbox GL JS。对于 mapbox gl，解释为 here . 我还在他们的文档中搜索了 z-index
我正在寻找一种方法，允许我像 Mapbox JS 一样为我的 map 创建一个简单的自定义标记。 深入浏览了网络，似乎没有明显或非常直接的方法来实现这一目标。我猜这是一个被错过的功能。 尝试过使用Ma
接下来的教程向我展示了以下代码: ... void update() { glClear(GL_COLOR_BUFFER_BIT); glBegin(GL_TRIANGLES);
我正在寻找一种方法，允许我像 Mapbox JS 一样为我的 map 创建一个简单的自定义标记。 深入浏览了网络，似乎没有明显或非常直接的方法来实现这一目标。我猜这是一个被错过的功能。 尝试过使用Ma
我想在交互式 map 上显示一个圆圈的轮廓(无填充)但是，mapbox-gl-js 中的绘制选项似乎仅限于填充。 https://www.mapbox.com/mapbox-gl-style-spec
我在 kepler.gl 中工作并从数据库加载数据。如果数据库更新，我希望能够动态更新数据集。有没有办法向数据集添加一行并更新 map ？ 我已经尝试删除数据集(使用 removeDataset)并将
如何在 mapbox-gl 中为图层文本字段添加背景颜色 .. 或者如何完成以便文本字段上有背景框 map.addLayer({ "id": "markers", "type": "s
我正在尝试使用 mapbox-gl 创建等值线图。在示例等值线 map 中，看起来他们根据要素的属性设置了要素的油漆填充颜色。有没有办法通过访问 map 来设置颜色？ 即。我在称为 id 的功能属性中
我想根据最近的草皮更改 map 点击时的图标大小。我如何做到这一点？ nearestBuilding.properties['icon-size'] = 0.2; 不起作用。 var retail =
我正在尝试在 MapBox GL JS 中聚类自定义标记，但我不知道如何将自定义标记图像从 url 获取到符号层？它要么不起作用，要么根本没有标记出现。它是如何完成的？我需要知道如何使用带有符号层的
寻找一种使用 Mapbox GL JS 获取 map 中心当前坐标的方法，就像在 Mapbox Studio 上一样(见下文) Mapbox Studio Screenshot 谢谢 最佳答案 Map
我是一名优秀的程序员,十分优秀！