草庐IT

javascript - Mapbox gl & directions API 调用 - 不显示路线

我有一个带有多个标记的应用程序,用于显示旅行。每个标记都是一个步骤,我想在每个标记之间创建一条路线,它跟随标记(后续步骤)。为此,现在我有这段代码:$(document).ready(function(){varmap;vardirections;//tokenaccessforMAPBOXGLmapboxgl.accessToken='pk.eyJ1IjoiYW50b3RvIiwiYSI6ImNpdm15YmNwNTAwMDUyb3FwbzlzeWluZHcifQ.r44fcNU5pnX3-mYYM495Fw';//generatemapvarmap=newmapboxgl.Map(

javascript - mapbox.js 没有完全在 Bootstrap Modal 中呈现

我正在尝试使用mapbox.js制作经纬度选择器我需要将这张map放在一个模式框中,当我点击“选择位置”按钮时它会打开。但是,当此模式打开时,map并未完全呈现。这是我的代码:×Chooselocationlatitudelongitude脚本varmap=L.mapbox.map('map','examples.map-9ijuk24y').setView([0,0],2);//gettheforminputswewanttoupdatevarlatitude=document.getElementById('latitude');varlongitude=documen

javascript - 删除 Mapbox GL JS 上的所有标签?

我正在使用MapboxDarkv9样式并想删除所有标签。我找到了标签列表here.并尝试使用map.removeLayer函数删除其中的一些,例如:map.removeLayer("place_label");还有:map.removeLayer("place-city-lg-n");map.removeLayer("place-city-lg-s");map.removeLayer("place-city-md-n");map.removeLayer("place-city-md-s");map.removeLayer("place-city-sm");有没有办法从样式中删除标签?

javascript - leaflet.js : Fire event when setView() has finished the animation. 这怎么可能?

我目前正在使用leaflet.js,我现在正在网上搜索很多,以找出:如果有一个事件,可以在异步函数setView()的动画结束后触发。这是我尝试过的:map.setView([lat,lon],12,{pan:{animate:true,duration:0.5},zoom:{animate:true},animate:true}.on('ready',function(e){console.log("animationfinished!");});setView-command完美运行,但是本地图动画准备就绪时应该触发的函数不起作用。有没有人有解决办法?

javascript - map 框/传单上的聚类标记

我正在尝试在mapbox上设置集群map,例如http://leaflet.github.io/Leaflet.markercluster/example/marker-clustering-realworld.388.html但是他们的示例使用普通的.js文件作为数据http://www.mapbox.com/mapbox.js/assets/realworld.388.js我唯一能从mapbox得到的是.geojsonhttp://api.tiles.mapbox.com/v3/thebteam.map-w9jzcznw/markers.geojson有什么方法可以将geojson

javascript - 如何旋转 leaflet.js map

我正在尝试将map(或tileLayer)旋转x度。我的研究没有产生任何不是真正肮脏的黑客的结果,在我的情况下是行不通的。是否有原生的leaflet.js方法来旋转map?(css旋转不影响鼠标移动) 最佳答案 很抱歉,没有办法在本地旋转Leafletmap。你将需要那些丑陋的技巧之一,或者从Leaflet切换到MapboxGLJS或OpenLayers3:http://www.mapbox.com/mapbox-gl-js/example/navigation/http://openlayers.org/en/latest/exa

javascript - 如何将非模块(!)JavaScript 导入 Polymer 3.0

Polymer3使用import加载外部Javascript。例如import{GoogleCharts}from'google-charts';但是,这似乎可行,外部库应该使用导出。我正在尝试使用mapbox-gl.js库。这个库,安装了:npminstallmapbox-gl似乎没有导出任何东西。在HTML5中,您可以按如下方式使用mapbox-gl:constoptions={...}constmap=newmapboxgl.Map(options);我尝试使用“导入”来加载mapbox-gl:import{mapboxgl}from'./node_modules/mapbox-

javascript - 在 Mapbox GL JS 中显示和隐藏图层的功能

我发现以下代码可以在MapboxGL中显示和隐藏图层:https://www.mapbox.com/mapbox-gl-js/example/toggle-layers/这很有用,但是,我只有一个包含所有必要数据的.geojson层(折线),不需要创建单独的层。我想实现完全相同的功能,能够在map菜单中显示和隐藏一层的功能。共有12种不同的特征类型,包含在名为“类型”的列中。我想打开和关闭类型,就像在示例中一样。有没有一种简单的方法可以在JS中使用set.Filter来做到这一点?https://github.com/mapbox/mapbox-gl-js/blob/e9386d288

javascript - 如何在 mapbox gl 中以编程方式关闭所有弹出窗口?

所以,我知道我们在MapboxGLAPI中有Marker.togglePopup()。但是我们可以通过编程方式关闭所有弹出窗口吗? 最佳答案 这是一个例子:https://jsfiddle.net/kmandov/eozdazdr/单击右上角的按钮打开/关闭弹出窗口。假设您有一个弹出窗口和一个标记:varpopup=newmapboxgl.Popup({offset:[0,-30]}).setText('ConstructionontheWashingtonMonumentbeganin1848.');newmapboxgl.Mar

javascript - 如何为 MapBox GL JS 使用 OpenMapTiles 服务器?

在OpenMapTiles的docs中据说,它可以为MapBoxGLJS提供矢量图block。但是为这两个项目挖掘文档我没有找到一个选项:如何配置自托管的MapBoxGLJS库以使用来self的自托管OpenMapTiles服务器的图block? 最佳答案 我还成功使用了Klokantech的tileserver-gl但是,我真的想要比这更简约的东西。更小更适合我的低智商。碰巧npm中有一个MBTiles模块。这使得设置节点tileserver变得非常容易。我在博客中解释here和here.它们都是同一个博客。这是服务器的js代码(