mapbox相关内容

Mapbox.js-在要求的缩放级别中缺失时,较低缩放级别的后备图块图像

我从磁盘上提供地图png文件,并且在缩放级别15中具有整个城市的图块png.我在缩放级别16-18中也具有图块,但仅适用于某些区域. 我想设置图块图层,以便当用户处于缩放级别18时,地图将显示级别15的缩放图块作为后备. 我尝试设置选项maxNativeZoom,但对我不起作用. 这是我的代码: offlineLayer = L.mapbox.tileLayer(tileJ ..
发布时间:2020-04-30 09:08:33 其他开发

将mapbox/leaflet映射放置在容器div中

我正在Ruby on Rails应用程序中使用Mapbox.为了我的一生,我无法使地图遵循任何简单的CSS.允许地图出现的唯一CSS是为其提供一个绝对位置,其顶部和底部均为0.更改高度和宽度以外的任何值都会使地图消失.我想将地图居中放在容器div中.这是代码: ..
发布时间:2020-04-30 09:07:47 前端开发

提供离线地图包

我正在制作一个必须脱机工作的Web应用程序.到目前为止,一切正常,我的最后一步是使地图图块离线.幸运的是,我确切地知道用户需要访问地图的哪些区域,因此不必缓存数百万个图块. 地图被划分为多个区域,因此其想法是将这些区域的图块作为可下载的“包"提供. 例如,当我在线上时,我会转到“瓷砖包装"页面,该页面提供了多个区域的下载.我选择了我感兴趣的区域,它下载了磁贴,当我离线时,我可以使用这些 ..
发布时间:2020-04-30 09:07:06 前端开发

Mapbox打字稿

通过跟踪该项目,我设法使Leaflet与Angular 2和Webpack一起使用. 角度2传单入门 我可以看到在"browser.d.ts"中配置的类型: /// webpack.config.js定义一个入口点: ... entry: { 'p ..
发布时间:2020-04-30 09:06:49 其他开发

Mapbox磁贴和Leaflet.js

我正在尝试在地图上加载一些其他平铺图层,但我不太清楚.我目前拥有的那些,我只感谢提供了教程但没有说明其他磁贴选项是什么的人.有人可以帮我吗? var mapboxUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}'; var accessToken = 'mySuperS ..
发布时间:2020-04-30 09:05:36 其他开发

传单圆半径的变化取决于y/lng坐标

我正在使用mapbox/leaflet来显示人体图片,而不是常规地图. 我正在使用传单绘制,我需要能够创建一个圆并在保持其半径的同时来回移动它.但是,当我将其移至地图/屏幕底部时,大小将呈指数增长.我希望它保持相同的大小. 我认为这与投影或CRS有关,但是我不确定该怎么做. 我的代码是: var mapMinZoom = 0; var mapMaxZoom ..
发布时间:2020-04-30 09:04:16 其他开发

传单:如何从单个集合切换GeoJSON要素属性?

我有一个包含超过2000多个功能的GeoJSON对象,每个功能都属于一个类别(即“电气",“军事"等).总共约有 38 个类别. 这是我的收藏的模式示例: {"type":"Feature","properties":{"category":"Electrical","Name":"Plant No 1"},"geometry":{"type":"Point","coordinates ..
发布时间:2020-04-30 09:02:44 其他开发

检查标记是否在视图(地图)中-Mapbox

解决方案 map.getBounds().contains(myMarker.getLatLng()) map.getBounds() :返回当前地图视图的LatLngBounds. latLngBounds.contains() :如果矩形包含给定点. myMarker.getLatLng() :返回标记的当前地理位置. 另请参阅:地图视点中的面积估计使用传单 ..
发布时间:2020-04-30 09:02:38 前端开发

leaflet.js:使用自定义svg标记太慢了(还有很多要点)

我正在尝试使用用户定义的svg图标作为传单上的标记,但是我认为整个任务对于我的浏览器来说太繁重了. 直到现在我一直使用L.circleMarker,但是现在我不得不使用诸如星号,箭头,星星等标记,因此我决定将它们作为svg路径,然后将其插入而不是我的circleMarkers.为了使事情变得更复杂,我获得了超过30万的积分.使用circleMarkers,我可以制作一个可行的图表,虽然速度不 ..
发布时间:2020-04-30 09:02:21 其他开发

如何为geoJson图层设置zIndex图层顺序?

我希望某些图层始终位于其他图层之上,无论它们按什么顺序添加到地图中. 我知道bringToFront(),但是它不符合我的要求.我想根据属性动态设置zIndex. Leaflet具有方法setZIndex(),但这显然不适用于geoJson图层: https://jsfiddle.net/jw2srhwn/ 有什么想法吗? 解决方案 对于矢量几何无法完成. zIndex是 ..
发布时间:2020-04-30 09:01:50 其他开发

谷歌地图的传单

我们可以在Google地图中使用传单吗?搜索和阅读有关它的文章,我们发现有一些传单插件可用. 使用它,我们可以使用Google Map +传单来构建应用程序. 解决方案 只需明确一点:Leaflet只是一个查看库,而Google Maps提供基本地图(平铺)和API(例如Leaflet). Google Maps 需要在使用其基础地图时仅使用其API. 但是,确实有一个 Leafl ..
发布时间:2020-04-30 09:00:20 其他开发

如何将完成的多边形点leaflet.draw保存到mysql表

我想使用leaflet.draw创建区域轮廓.我设法使它正常运行: https://www.mapbox.com/mapbox.js/example/v1.0.0/leaflet-draw/ 现在,我想将每个多边形的数据保存到mysql表中.我对如何导出数据和应该采用的格式有些困惑. 如果可能的话,我希望将来将数据拉回到mapbox/leaflet地图中,因此,猜测诸如geojson之 ..
发布时间:2020-04-30 08:59:39 数据库

Mapbox:在传单Omnivore KML层中过滤出标记

我正在将Google Directions路线导出为KML,并通过使用Omnivore读取它们并将其添加到地图中的方式将其显示在Mapbox地图上, Google KML将每条路线存储为两个 Places (起点和终点)和一个 LineString (路线).在Mapbox中,我只想显示路线,即以某种方式过滤掉标记.我正在从我自己的数据库中显示标记,而Google标记却将其弄乱了. 这 ..
发布时间:2020-04-26 10:30:59 其他开发

Mapbox GL JS getBounds()/fitBounds()

我使用的是Mapbox GL JS v0.14.2,我在文档中搜索了很多内容,对此一无所知. 如果您使用标准的JS API,则很明显可以使用它们提供的示例“将地图适合标记"(我已经找到了这个( Mapbox GL JS API设置范围)但肯定不是正确的答案吗? 这是我设置的大部分内容;排除JSON设置和其他选项. mapboxgl.accessToken = ' ..
发布时间:2019-11-24 15:46:00 前端开发

过滤后重新绑定Mapbox弹出窗口

我建立了一个Mapbox地图,该地图具有相当复杂的自定义弹出结构,包括照片和格式.我正在使用.csv文件和多功能记录来提供数据,并准备好弹出式窗口.我还有一个搜索框,可使用jQuery搜索数据. 每个人都独立工作.弹出窗口可以正常加载,并且搜索正常.但是在使用搜索内容进行过滤之后,我丢失了弹出窗口. 我已经看过类似帖子,但似乎没有任何建议起作用.我认为这与我的popup变量包含在.on ..
发布时间:2019-11-16 15:38:03 前端开发

如何从地图上删除所有图层和要素?

我正在处理地图,因此我想在特定事件中从地图中删除所有功能.这些要素位于动态绘制的多层中. 其中一些代码是: $.getJSON('distributor-companies', function (data) { var layers = []; $.each(data, function (i, item) { ..
发布时间:2019-11-11 15:55:00 JavaScript

Mapbox标记符号与三个数字

我正在尝试使用'marker-symbol'标记带有两位和三位数ID的标准Mapbox标记。两位数的标记效果很好,如下所示,但是当我尝试包括三个数字,即112时,标记不会显示在地图上。有没有一种简单的方法可以使用内置标记执行此操作而不创建自定义div标记? 解决方案 不好意思说,没有简单的方法做这个。没有内置标记。这些标记只是从Mapbox服务器加载的图像。它们最多存在99号。数字100不 ..
发布时间:2019-06-12 13:35:14 前端开发

Mapbox GL JS刷新层

我正在使用Chroma.js来设置Mapbox等值区域的样式。我这样做是通过在变量 dataStyleProp 中存储源的一个属性 - 在这种情况下,数据是填充,属性是“free”,“slave”,“白色“和”总数“)。然后我使用 dataStyleProp 来构建Chroma.js色标。我想做的是: 从a中选择 dataStyleProp 的值HTML页面上的单选按钮, 将该值传递给Ch ..
发布时间:2019-06-08 18:16:01 前端开发