mapbox相关内容

Mapbox GL JS与Mapbox.js

在Mapbox词汇表中, Mapbox.js Mapbox.js是一个JavaScript库,允许您将交互式地图添加到您的网站.它是Leaflet的插件,并且是一个免费使用的开源库. 和 Mapbox GL JS Mapbox GL JS是一个JavaScript库,它使用Mapbox GL渲染交互式地图.这是一个免费的开放源代码库.您可以将Mapbox样式或使用Mapbox S ..
发布时间:2020-05-05 14:46:14 前端开发

在Android MapBox GL中构建自定义叠加层,具体是带有半径(彩色)的圆

在Android MapBox GL中构建自定义叠加层,特别是半径(彩色)的圆形.它允许使用搜索栏动态更改半径. 我正在尝试构建一些自定义标记,并且我使用了 我的CircleOverlay显示在地图中后,地图触摸事件无响应 一旦放大,缩小,标记就不会停留在其坐标中. 更新标记无效,因此我必须删除然后再次添加标记. 颜色与我在标记中设置的颜色不匹配. 我将限制在代码上的发布,因为此 ..
发布时间:2020-05-05 14:46:08 移动开发

mapbox-gl中两点位置之间的方向-React Native?

我有两点是从数据库中获取的,我想绘制一条从起点到终点的线 我得到的是两点的直线,而没有考虑地图上的路线和方向 那么我如何处理它以便在地图上查找路线和方向? 这就是我得到的 这就是我的期望 这是我的代码 import MapboxGL from '@react-native-mapbox-gl/maps'; import React, {Component} fr ..
发布时间:2020-05-05 14:46:03 前端开发

Mapbox.js以错误的顺序返回图块

在最新的chrome浏览器中使用Mapbox-gl.js时,一切正常. 当我想使用默认的mapbox.js实现时,地图图块变得混乱不堪,并且显示完全错误.请参见截屏 我完全不知道为什么它不适用于mapbox.js,而我却没有遇到mapbox-gl.js的任何问题 解决方案 请确保您正在加载mapbox.js库的CSS文件.以这种方式排列的图块通常是缺少CSS规则的征兆. ..
发布时间:2020-04-30 09:24:08 前端开发

如何在传单中缩放和更改颜色

我正在使用传单和传单-fusesearch .这是我在搜索传单中绘制的线时弹出一个框的代码: var map = L.map('map').setView([1.3096622448984000, 103.7689017333800], 12); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?ac ..
发布时间:2020-04-30 09:23:13 其他开发

Mapbox GL JS API设定界限

我一直在尝试获取地图(下面的JS),以便能够自动缩放到用于显示的JSON文件之一的范围(会有许多单独的文件),但是我做不到似乎弄清楚了我将如何实现这一目标. var map = new mapboxgl.Map({ container: 'map', // container id style: 'mapbox://styles/mapbox/streets-v8', ..
发布时间:2020-04-30 09:22:22 前端开发

Mapbox和Leaflet Draw仅可编辑1组

我想添加多个图层组或要素组对象,或者如果地图上有更好的方法可以添加多个图层组或要素组对象,则每个对象中都可以包含多个多边形.我希望这些组是可区分的,以便可以将它们与数据表和传单绘制工具结合使用,以便当我在数据表中选择一行时,只有相关组中的多边形可以使用绘制工具和任何新工具进行编辑或删除.多边形只会添加到该组中. 我以前只用一个多边形和一个要素组来完成此操作,但是如何处理多个组? ..
发布时间:2020-04-30 09:22:18 其他开发

Turf.buffer和可拖动标记

到目前为止,我已经创建了一个标记,将其传输到geoJSON,并使用Turf.buffer在其周围创建了一个缓冲区.在地图上拖动缓冲区时,如何使它“粘"在标记上? L.mapbox.accessToken = 'fg.eyJ1IjoisdflksdaklsjZWwiLCJhIjoiRHNwX0ZWNCJ9.Ov2O5sslkdqV93_R0lq3Q'; ..
发布时间:2020-04-30 09:21:11 前端开发

删除geojson图层Mapbox.js/Leaflet.js

我无法一次删除多个geojson图层.当我将它们保留为要素图层时,每个添加的图层都有存储空间,一个接一个.但是,当它们成为标记层时,只会删除最后单击的层. 我尝试将它们添加到组中并在该组上调用clearLayers,但这仍然只删除添加的最后一层,而不是全部.也尝试过传递ID,但这似乎也不起作用. $(function() { var geojson; ..
发布时间:2020-04-30 09:20:27 其他开发

Mapbox中的图标网址

如何在mapbox中添加自定义图标? var map = L.mapbox.map('map', 'mapbox.streets').setView([0, 0], 1); var geojson = { type: 'LineString', coordinates: value}; var start = value[0]; var end = value[value.le ..
发布时间:2020-04-30 09:19:38 其他开发

将Shapes文件添加为Mapbox地图上的图层

我有一个shapes file,来自此处.我希望将其添加到地图上,类似于在网页上进行的操作.我不太确定如何进行.我想在Web上使用它,因此要使用JavaScript. 有人建议我在地图上将shapes file用作Layer.但是如何去做呢?有Mapbox,Leaflet或OSM的经验的人请指导. 解决方案 为了加载SHP文件并将其显示在Leaflet/Mapbox.js地图上,您需 ..
发布时间:2020-04-30 09:18:54 前端开发

Leafletjs-努力使标记在世界视图中合并

我正在开发一个利用mapbox choropleth映射和leafletjs标记的可视化工具.目前,我正在努力使标记在国家/地区缩小范围内合并在一起.我已经尝试通读代码,但是找不到解决此问题的方法. 所附的代码是我的地图. (function() { window.petMap = { map: '', mapCenter: [36.19109202182454 ..
发布时间:2020-04-30 09:17:36 前端开发

MapBox:鼠标悬停时标记未显示可点击的光标

我正在从小册子+ cloudmade迁移到mapbox,并在必要时对我的代码进行了较小的重写.我正在刷新地图,在上一期中,最简单的方法是将每个标记添加到其自己的图层中,然后在刷新时删除所有图层并重新绘制标记. 这是我当前的代码: function setLeafletMarker(lat, lng, iconType, popupHTML) { popupHTML = typ ..
发布时间:2020-04-30 09:17:04 前端开发

单张Z索引

我正在将一些Google Maps代码移植到Leaflet(嗯,实际上是Mapbox).我在地图上有很多形状(如矩形,多边形)和标记,并且我需要能够随时手动调整其顺序,而不仅仅是在第一次添加它们时. 在Google地图中,有一种setZIndex方法,该方法允许调整窗格内元素的顺序(形状始终位于标记下方).如何在Leaflet中完成?如果api中没有该功能,最好的实现方法是什么? 解决 ..
发布时间:2020-04-30 09:16:48 前端开发