Mapbox GL JS :实时geoJSON覆盖
Mapbox GL JS是一个基于WebGL的开源JavaScript库，用于在Web浏览器中创建交互式、可定制的地图。它提供了强大的地图渲染和数据可视化功能，可以实时加载和渲染大规模的地理数据。
Mapbox GL JS支持使用geoJSON格式的数据来创建覆盖物。geoJSON是一种开放的地理数据格式，可以描述地理要素的几何形状和属性信息。通过将geoJSON数据与Mapbox GL JS结合使用，可以在地图上绘制各种地理要素，如点、线、面等，并可以根据属性信息进行样式化和交互操作。
Mapbox GL JS的优势包括：
- 强大的地图渲染能力：基于WebGL技术，可以高效地渲染大规模的地理数据，提供流畅的地图浏览和交互体验。
- 数据可视化能力：支持对地理数据进行样式化和可视化，可以根据属性信息自定义要素的颜色、大小、透明度等，实现丰富的数据展示效果。
- 可定制性：提供丰富的API和样式配置选项，可以根据需求定制地图的外观和交互行为，满足不同应用场景的需求。
- 跨平台兼容性：Mapbox GL JS可以在各种现代Web浏览器上运行，包括桌面浏览器和移动设备浏览器，具有良好的跨平台兼容性。
Mapbox GL JS的应用场景包括但不限于：
- 地图展示和导航：可以用于创建交互式地图应用，实现地图展示、导航和路径规划等功能。
- 地理数据可视化：可以用于可视化各种地理数据，如人口分布、交通流量、地震分布等，帮助用户更直观地理解和分析地理信息。
- 地理信息系统（GIS）：可以用于构建基于地图的GIS应用，支持地图编辑、查询、分析等功能。
- 位置服务和定位应用：可以用于开发基于位置的服务和应用，如附近的人、附近的店铺等。
- 游戏和虚拟现实（VR）应用：可以用于创建基于地图的游戏和虚拟现实应用，实现虚拟世界与真实地理环境的结合。
腾讯云相关产品中，与Mapbox GL JS相对应的产品是腾讯位置服务（Tencent Location Service）。腾讯位置服务提供了一系列地理位置相关的API和SDK，包括地图展示、地理编码、逆地理编码、路径规划等功能，可以与Mapbox GL JS结合使用，实现更丰富的地图应用。
腾讯位置服务产品介绍链接地址：https://cloud.tencent.com/product/tls
相关·内容
这是我的树冠：
--libs/
----@types/
------mapbox-gl/
--------index.d.ts
------geojson/
--------index.d.ts
--mapbox-gl.js
map.ts
下面是map.ts：
/**
* map.ts
*/
// @ts-ignore
// @ts-nocheck
//test
// @deno-types="./libs/@types/geojson/index.d.ts"
// @deno-types="./libs/@types/mapbox-gl/index.d.ts
浏览 5提问于2021-05-14得票数 2
支持Mapbox，运行时样式中支持GeoJson源代码。
我尝试了相同的样式(带有两个Source1.Vector、2.GeoJson的文件)和mapbox-gl-native和mapbox-gl-js。
它在本机SDK中正常工作，但似乎mapbox忽略了源类型是否为GeoJson。
我尝试了版本0.52
浏览 1提问于2019-01-31得票数 0
1回答
我尝试将一个本地文件加载到MapBox，得到错误消息:来自ajax函数的ERROR parsererror No conversion from text to geojson和用于evented.js的Error {message: "Input data is not a valid GeoJSON object."} 功能的结构如下： { "type": "Feature", "properties": { "score": 0.77, "pokemon": "Squirtle
浏览 45提问于2020-08-11得票数 0
1回答
我想创建一个基本的网站，使用{quarto}在R显示不同的地图(将开放的Rmarkdown以及)。但是，为了不将所有映射加载到用户的内存中，我希望添加一个菜单(下拉菜单)来选择要显示的地图。为了显示地图，我将使用mapbox ()。我想要展示的不同的地球人将在我的github中。这意味着需要根据用户输入(例如到data: 'https://docs.mapbox.com/mapbox-gl-js/assets/rwanda-provinces.geojson')更新mapbox文档中的行data: 'https://docs.mapbox.com/mapbox-gl-j
浏览 9提问于2022-11-27得票数 1
我想在地图上添加一个geotif图像层，我可以很容易地在mapbox演播室中做到这一点，有没有办法使用mapbox gl js库。我使用下面的代码使用mapbox gl js库添加了geojson文件：
map.addSource("quakes", {
"type": "geojson",
"data": "http://localhost:3000/Srikakulam.geojson"
});
对于tiff图像，我找不到这样的解决方案。
我有数百个tiff图像可
浏览 7提问于2016-10-19得票数 1
回答已采纳
我正在尝试学习JS和创建地图与Mapbox GL JS和方向。我设法向地图添加了标记，现在我想在标记之间添加一条路由(1 -> 2 -> 3 -> 4)。
在玩了好几次之后，我被卡住了。将添加标记，但不会显示任何路由。
如果你能帮我的话我会创建:)
谢谢，本
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' c
浏览 0提问于2020-08-01得票数 0
我是MapBox GL Js的新手，我想通过https调用一个大的GeoJSON文件并将其显示在地图上。我认为调用向量瓦片是最好的方法，我找到了一些教程，展示了如何在服务器端将GeoJSON数据转换为向量瓦片，或者将其上传到MapBox样式，但我的GeoJSON文件经常更改。所以我发现this solution是一个新的名为geojson-vt的JavaScript库，描述了如何以疯狂的速度将一个巨大的GeoJSON文件快速转换为矢量瓦片(客户端)，这似乎是我正在寻找的，但是!!，我如何将其集成到MapBox GL JS中以调用图层?？ 阻塞关于如何使用Mapbox GL JS添加层，结果如
浏览 112提问于2020-04-21得票数 4
回答已采纳
我正在尝试加载一个geojson文件作为mapbox上的覆盖。我怀疑它可以在mapbox studio上工作，因为它会在生成覆盖图之前为我将其转换为矢量切片集。如何让这段代码显示我在这里拥有的电网网络数据？它应该在东爱尔兰上空展示。
<head>
<meta charset='utf-8' />
<title>Add a GeoJSON polygon</title>
<meta name='viewport' content='init
浏览 0提问于2019-08-05得票数 0
我正在构建一个使用Angular和mapbox-gl-js作为地图库的web应用程序。地图瓦片使用EPSG:4326plate-carrée投影，数据集为GeoJson (WGS84)。由于mapbox仅支持web墨卡托投影，因此数据不会显示在地图上的正确位置。有什么建议如何重新投影数据集，以便mapbox能够在正确的位置显示数据？谢谢。
浏览 3提问于2019-02-03得票数 0
当我在mapbox网站上尝试这个例子时，我只能看到底图。而Geojson数据，我想在地图上可视化为风格化的集群，并没有在mapbox gl js上渲染。我使用了他们网站上的相同代码示例，但没有成功。
(网址：)。
我不知道出了什么问题。任何帮助都将不胜感激。谢谢。
这是代码……
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content=&
浏览 1提问于2017-04-13得票数 0
我正在尝试将一个多边形从map服务渲染到mapbox地图，作为概念的证明。
我的the服务给了我以下geojson和一些模拟数据：
{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[9.750441312789917,52.350087018909683],[9.7523081302642822,
浏览 21提问于2019-08-04得票数 1
回答已采纳
2回答
关于mapbox-gl-js的这个例子...
当我用我的API键运行这个示例代码时，我只得到了以“菲尔德自然历史博物馆”为中心的地图，没有任何突出的墙。这里我漏掉了什么？其他的例子似乎是直接从复制粘贴开始的。
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximu
浏览 0提问于2017-02-08得票数 0
我使用
纱线add @types/mapbox@type/geojson
将mapbox和geojson添加到我的项目中。包安装成功，在我试图导入mapboxgl时是可见的。
我建造了这样的东西：
import * as L from 'mapbox-gl';
export class MapBuilder
{
build(): void {
let map = new L.Map({
container: 'mapContainer',
style: this.map.getStyl
浏览 1提问于2020-05-29得票数 0
回答已采纳
即使我在.env文件中添加了访问令牌，在html.erb中添加了脚本，但它看起来没有连接？
.env
MAPBOX_API_KEY={{pk.eyJ1Ijoia3VtYXNhbsImEiOsafsaiJjanRxd2xvfashfuawbekfjzNGFwMmZlcG1pb3p4In0.F_-z1_nW2O3CYYNOHafafas6rC1A}}
<script>
const venues = <%= raw json_escape(@geojson.to_json) %>;
const mapkey = "<%= ENV['p
浏览 0提问于2019-03-30得票数 1
我尝试在运行时使用无线电台将地图样式(如街道)转换为卫星、黑暗、明亮等。但是，当我将geojson文件加载到地图时，它只显示在选定的当前地图样式上。当我更改地图样式时，geoJson文件就会消失。有没有办法，我可以保留所有地图样式的geoJson文件，即使当我更改样式时？
var map;
mapboxgl.accessToken = 'pk.eyJ1Ijoic2FkaXF1ZSIsImEiOiJjajlrc3V0bjkxaGxlMzNzMjBwdmZ3NmF1In0.KOe_ASpXmNUF_TmN6h2CHw';
map = new mapboxgl.Map({
c
浏览 9提问于2017-11-18得票数 3
回答已采纳
我正在设置一个Mapbox GL JS地图，如下所示：
mapboxgl.accessToken = 'pk.my_token';
var cityBoundaries = new mapboxgl.GeoJSONSource({ data: 'http://domain.com/city_name.geojson' } );
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v8
浏览 2提问于2016-02-28得票数 10
下面是一个完整的最小的点层示例，它位于choropleth层的顶部。您只需添加一个访问令牌，它就会正常工作。当用户点击其中一个choropleth边界时，我希望获得该边界内的点的列表。这样我就可以使用这些数据来填充页面上其他位置的元素。我知道有些边界是重叠的，但我并不担心如何处理这个问题。
<head>
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.5.0/mapbox-gl.js"></script>
<link
href="https://
浏览 23提问于2019-11-26得票数 1
回答已采纳
Mapbox GL JS有一个模块，允许您以geojson的形式插入要搜索的补充数据。 我已经将我的数据设置为使用mapbox并利用此搜索功能。 然而，在我搜索了一个单独的公园后，地理编码器似乎被禁用了，不让我搜索另一个geojson数据点。我可以在地理编码器中搜索某个要素，例如城市、州等，但地理编码器不允许在geojson中进行两次背靠背的数据搜索。 我不知道该怎么解决这个问题 这个例子可以在他们的网站上找到，它展示了我在代码中得到的相同缺陷 https://docs.mapbox.com/mapbox-gl-js/example/forward-geocode-custom-data/
浏览 13提问于2019-06-13得票数 0
回答已采纳
我试图使用以下代码突出显示鼠标指针下的功能。
我的geojson数据和链接示例中使用的geojson数据的不同之处在于，这个例子是由多边形组成的，而我的geojson数据是由多条线组成的。我试图相应地修改代码，以便突出显示行，但是它不起作用。我的geojson可以在这里找到：
有什么需要改变的建议吗？
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>HTML markers from geoJSON url</title>
<meta
浏览 5提问于2016-03-14得票数 0
回答已采纳
我正在做一个项目，在这个项目中，我想使用他们的属性来过滤GeoJson，并在地图上以集群的形式可视化标记。 我尝试使用以下"Filtering Clustered Points by JSON attributes using Mapbox-gl-js“解决方案，但无法理解如何使用它们的属性过滤GeoJson，以及如何设置要映射的过滤GeoJson数据。 我已经使用Google Maps API制作了一个应用程序，但现在我想通过Mapbox-gl-js API进行开发。 现有应用程序链接：http://maps.dicrc.in/BM/
浏览 31提问于2019-05-18得票数 2
1回答
我不知道为什么总是有这个错误，多次尝试绕过它。也许是谁知道了答案，却有了这个错误？
app.module
NgxMapboxGLModule.withConfig(
{token added..
}),
套餐
"mapbox-gl": "^0.52.0",
"ngx-mapbox-gl": "^3.0.1",
"@types/mapbox-gl": "^0.51.4",
"@mapbox/geojson-area":
浏览 0提问于2019-06-10得票数 1
我正在尝试为我的公司网站制作一张我公司拥有的步道的交互式地图。
我有标记显示在所有的线索，我希望他们显示一个弹出式的某些信息位于GeoJson文件中。
这是我的HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Map</tit
浏览 12提问于2017-07-06得票数 0
mapbox gl中高亮显示多边形的示例使用了第二个层和一个过滤器函数。在mapbox gl js中，不能更改从geojson源绘制的单个特征/多边形的颜色吗？
请参阅
浏览 22提问于2017-02-17得票数 6
我在向地图中添加源代码方面有问题。
import * as data from "./temp-data";
map.addSource('source__demo__empty',data.getEmptySource);
map.addLayer(data.getLayer(false,'source__demo__empty','source__demo__empty',
'green',true
));
./临时数据
export const get
浏览 3提问于2020-11-12得票数 0
回答已采纳
我有一个问题，mapbox方向插件，在一个rails应用程序。当我加载地图所在的页面时，会出现以下错误：
Uncaught TypeError: mapboxgl.Directions is not a constructor
at HTMLDocument.<anonymous> (travel.self-10030a4….js?body=1:34)
at fire (jquery.self-bd7ddd3….js?body=1:3233)
at Object.fireWith [as resolveWith] (jquery.self-bd7ddd3….
浏览 4提问于2017-05-11得票数 1
回答已采纳
1回答
我已经构建了一个地图，并添加了一个突出显示特定邻居的图层，我想为该图层添加一个悬停效果。就像本例中的https://docs.mapbox.com/mapbox-gl-js/example/hover-styles 我已经使用geojson创建了自己的层，但我尝试遵循的示例使用的是外部数据源，而我使用的是我自己的数据源。我试图引用我的数据，但我认为我做得不正确。请参阅此链接与工作版本显示的图层突出显示的邻里。 这是到目前为止我拥有的https://jsfiddle.net/jrax4pvm/1/的链接 这是我的JS mapboxgl.accessToken =
'pk.eyJ1I
浏览 28提问于2019-10-07得票数 3
我使用mapbox来显示地图和方向。这很容易，而且效果也很好。我想知道如何在地图上更新标记的位置而不刷新页面。我在他们的文档中阅读了这个和页面。我理解他们的例子，但我没有完全掌握如何在代码中实现实时数据，而不会导致页面刷新。现在，我有一个脚本，它每15秒更新一次数据库中的用户位置，并返回经度、纬度。我现在有数据了什么？这就是我非常困惑的地方。如果你能帮忙我会很感激的。为了这个问题，我把密码删掉了。
map.html
<script type="text/javascript" src="js/jquery.min.js"></script
浏览 3提问于2020-02-16得票数 1
1回答
我在ts文件中有导入源。
就在这里
import accounting from "accounting";
import { Feature } from "geojson";
import { GeoJsonProperties } from "geojson";
import { GeoJSONGeometry } from "mapbox-gl";
import Helpers from "../../common/helpers";
import { Layer } from "mapbox-gl
浏览 0提问于2018-07-05得票数 0
1回答
我正试图在我的web应用程序中实现Mapbox，但是我遇到了一个障碍。我的目标是从我的阵列中获取经度和纬度，并将它们插入坐标。我试过使用循环，但它似乎不起作用。如果有人有任何解决办法，我们将不胜感激！注意:我拿出了我的访问令牌
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Draw GeoJSON points</title>
<meta name='viewport' content
浏览 2提问于2017-12-04得票数 0
回答已采纳
我希望使用for语句将从数据库检索到的多个纬度和经度信息保存到单个符号层。但是，我得到的错误是“已经有一个具有此ID的源”。我不知道如何解决这个问题。请告诉我如何解决这个问题。
这是源代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>マップを表示</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-sc
浏览 3提问于2021-12-21得票数 0
1回答
我正在尝试向Mapbox地图中添加一些基本的过滤器。地图正在从geojson数据文件中提取数据。我想要过滤的数据字段是卧室数量和价格范围。卧室数据从字面上看只有0-5，价格范围是基本的数字格式: 1000,2500,4000。理想情况下，只是一个简单的单选按钮的卧室和一个价格范围滑块。到目前为止，我在这里尝试了Mapbox复选框示例：https://docs.mapbox.com/mapbox-gl-js/example/filter-markers/，但这不适用于geojson数据url源。我还针对单选按钮尝试了这个示例：https://docs.mapbox.com/help/tutor
浏览 26提问于2019-01-25得票数 0
我正在创建一个all地图，它显示了一个城市的所有医疗服务，我已经制作了一个自定义样式的Mapbox底图，并在公司服务器上托管的postgis数据库中有各种点文件。
最初我使用Openlayers 3，它允许我在Geoserver上包含来自源URL的数据集，尽管我不确定Mapbox GL JS和非mapbox服务器/ Geoserver功能上的数据集之间的互操作性。到目前为止，我只能使用Mapbox GL JS链接同一目录中的本地geoJSON文件。是否可以在启用了Geoserver的个人服务器上托管数据集文件，同时仍然使用Mapbox GL JS底图？
谢谢!
浏览 1提问于2018-11-17得票数 0
我试图在已经加载的点和右击的标记点之间添加行。我已经提到了Mapbox的例子，并且一直到目前为止。第一次做手术时，我只得到一条线。我要每一次行动的线路。行动顺序如下：
左击加载点(从geojson加载的点)
右击地图上的任何位置。这将在右边的点击点创建一个标记，并将其与以前的左单击点连接起来。
我会感谢你的帮助。这是我第一次发表这样的文章。请原谅我所犯的错误。提前谢谢你。
mapboxgl.accessToken = 'pk.eyJ1Ijoic3ViaGFtYmFuc3BocyIsImEiOiJjajc4czNxazEyaWE5MnFwaWllNzdwdDdkIn0
浏览 1提问于2017-10-17得票数 3
回答已采纳
我们目前正在使用Mapbox-GL构建一个资产跟踪小部件。当放大时，我们显示实际的资源，这是很好的。但是，当缩小时，我们想要切换到集群视图，以获得有多少资产在哪里的适当概述。
据我所知，这样的层需要有一个预定义的数据源。例如：GeoJson。
有没有办法从实时JS数据中提供Mapbox-GL数据？资产本身是标记，afaik没有办法从标记切换到其他东西。所以我假设我们必须以某种方式从组成标记的数据生成数据源？
这些源似乎是使用URL来获取实际数据的，所以我在这里不知所措，我可以将一组地理位置转换为MapboxGL可以用作数据源的东西吗？
浏览 4提问于2020-10-29得票数 0
所以我尝试使用mapbox和deck.gl来可视化数据。我希望有某种悬停效果，但onHover属性不在边界层上运行 geojson数据源：https://data.cityofnewyork.us/City-Government/Borough-Boundaries/tqmj-j8zm import boundaries from "./borough-boundaries.json";
import { Deck } from "@deck.gl/core";
import { ScatterplotLayer, GeoJsonLayer } from &
浏览 33提问于2020-01-06得票数 1
1回答
我有以下Mapbox代码，它在HTML文件中工作，它使用Mapbox显示一组坐标的多边形。我在将它转换为react代码时遇到了问题，并让它以同样的方式工作。 您可以复制代码并将其放入HTML文件中，然后查看输出。我只需要一个反应组件片段代码，显示相同的输出。非常感谢。 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Add a polygon to a map using a GeoJSON source</title>
<me
浏览 38提问于2021-09-19得票数 0
我正在处理这个Mapbox地图，并使用geojson/FeatureCollection ()显示要素。
如果您一直缩小，地图将显示多个世界副本(这是我想要的)，但它也将显示所有世界副本上的每个特征(不希望这样！)。我应该怎么做才能使mapbox只显示其中一个全局副本上的特征？
上面链接的示例也有相同的问题(如下图所示)。
显示该问题的示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Add multiple geometri
浏览 0提问于2020-10-20得票数 0
2回答
我正在尝试在我的angular-cli生成的项目中建立和运行一个第三方库。
到目前为止，我已安装：
npm install mapbox-gl --save
npm install @types/mapbox-gl --save
npm install @types/geojson --save
在app.component.ts中：
import { Component, OnInit } from '@angular/core';
import * as mapboxgl from 'mapbox-gl';
import { Map } from '
浏览 25提问于2017-01-11得票数 2
我试图从文件加载的geojson数据中显示3个字段属性。将数据加载到地图中。标记/点显示在HTML页面上。BUt，然后我点击一个标记/点，什么都不会发生。围绕着ReferenceError: features is not defined，我不知道我错过了什么或者需要做什么才能将它提供给当前的范围。
我非常感谢解决这一问题的任何提示或建议。
{% load static %}
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title><
浏览 0提问于2017-07-04得票数 0
回答已采纳
我目前正在使用Mapbox GL JS，我有，我希望能够拖动图标。
我正在做类似于的操作，其中我有mouseDown、onMove和onUp函数。然而，我卡住的部分是在onMove，我不确定如何设置自定义图标，这是div在整个拖动过程中更新其位置。我正在更新图标的新坐标(lng和lat)，但我不确定如何实际移动它们，因为现在图标不会移动/拖动。
在最初的可拖动点示例中，它有map.getSource('point').setData(geojson);，它更新geojson以允许点在地图上移动。
所以基本上我只想能够在Mapbox GL JS中拖动自定义图标。
谢谢。
浏览 9提问于2016-09-29得票数 2
我找到了以下代码： var marker = new mapboxgl.Marker()
.setLngLat([-71.478, -53.628])
.addTo(map); 它工作得很好。现在我想要一个特殊的图标或图像，而不是基本的mapbox图标。我该怎么做呢？Mapbox给出了许多关于给标记赋予图标和图片的例子，但我只找到了具有geojson功能的方法(例如https://docs.mapbox.com/mapbox-gl-js/example/custom-marker-icons/ )。但是我不想仅仅因为加载一个图标就创建一个geojson层。我只想使用这3行代码
浏览 20提问于2021-08-12得票数 0
我目前正在尝试Mapbox示例，特别是。当示例试图从以下代码获取GeoJSON点时：
map.addSource("earthquakes", {
type: "geojson",
// Point to GeoJSON data. This example visualizes all M1.0+ earthquakes
// from 12/22/15 to 1/21/16 as logged by USGS' Earthquake hazards program.
data: "https://www.map
浏览 3提问于2017-04-14得票数 2
回答已采纳
2回答
当我用“线-dasharray”属性画虚线时，它在缩放时表现出奇怪的线条长度和间隙变化。看这个例子。问题:如何绘制虚线，其中有恒定的线和间隙长度，不改变，当我放大/缩小？
//这个愚蠢的机器人说我的帖子大多是代码。不知道是怎么回事，
//但必须添加一些愚蠢的文本行
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Add a GeoJSON line</title>
<meta
浏览 0提问于2018-04-09得票数 5
回答已采纳
2回答
我是Mapbox-gl的新手，我的代码主要使用我在网上找到的代码片段。 到目前为止，我的代码允许您在地图上选择三个点，它将显示这三个标记之间的行驶方向。用户不能更改他/她选择的标记。 我想知道是否有一种方法可以通过单击上面的一个小关闭按钮来删除标记。如果不能以这种方式处理，有一个按钮来重置标记和方向就足够了。 下面是我的代码： <!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Test MapBoxGL</title>
<me
浏览 224提问于2019-02-12得票数 1
当我尝试使用ionic 2和MapBox GL JS (我做了一个简单的ionic serve)时，我的网页浏览器出现了以下问题：
Error: Module parse failed: C:\Workspace\mapBox\node_modules\mapbox-gl\js\util\util.js Unexpected token (15:35)
You may need an appropriate loader to handle this file type.
| * @private
| */
| exports.easeCubicInOut = function(t: nu
浏览 0提问于2016-12-09得票数 3
我非常困惑，我必须在react中做一个项目，为此，我需要执行mapbox，但是所有的指令都是用于react的，我如何在react组件中写这个。我这里有这个文档，它摘自mapbox，library.There没有提供任何文档来添加地图以作出反应。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Demo: Add custom markers in Mapbox GL JS</titl
浏览 9提问于2022-08-24得票数 2
回答已采纳
我是MapBox的新手，正在尝试将点从外部GeoJSON图层映射到MapBox GL地图。API层来自一个自定义的GeoJSON提要。 即使我尝试另一个GeoJSON提要，比如https://opendata.arcgis.com/datasets/64eaa4539cf4429095c2c7bf25c629a2_0.geojson，它仍然不起作用。 下面是代码，然后是GeoJSON。你知道这里出了什么问题吗？ {% extends "data_platform/base.html" %}
{% block content %}
<div id='map&
浏览 100提问于2020-09-30得票数 0
1回答
我在网上看过这个例子，它做，但根本不提供代码。
我非常希望实现同样的目标。我有一个geojson文件，带有某种属性，我想映射到建筑物的高度。你知道这怎么可能吗？
：在已经根据我的数据生成的圆圈上做3D挤压。没有提供上的代码，所以我在中起诉了该代码。
代码是这样的：
<html>
<head>
<meta charset='utf-8' />
<title>Display buildings in 3D</title>
<meta name='viewport' conten
浏览 0提问于2018-09-17得票数 5
回答已采纳
2回答
Mapbox自定义标记旋转
、、、、
在学习了mapbox教程之后，我设法在地图上显示了一架无人机。我唯一的问题是:我如何在我的代码中添加一个旋转参数(以在不同的角度显示无人机标记)？我花了几个小时寻找例子，但没有一个与我已经写的相对应。
谢谢！
脚本如下：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=
浏览 106提问于2018-01-22得票数 3
1回答
我一直在寻找答案，但结果是null :D
我用传单地图。现在，我正在尝试将逻辑转移到mapbox-gl。我使用做这件事，因为它允许我将传单和mapbox功能结合起来。
但我面临的问题是我不能使用mapbox的events，如.on('mousemove' of 'mouseenter'等。传单事件可以正常工作，但我需要处理mapbox的事件，因为我可以将事件绑定在层上，而不是整个地图上。
下面的示例演示了如何使用mapbox-gl-leaflet处理事件。并附上一个“小提琴”示例：
let leafletMap = L.map('map').se
浏览 0提问于2019-08-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
