如何将Mapbox js函数转换为Mapbox gl js
Mapbox JS是一个用于创建交互式地图的JavaScript库，而Mapbox GL JS是一个基于WebGL的JavaScript库，用于在浏览器中渲染矢量地图。下面是将Mapbox JS函数转换为Mapbox GL JS的步骤：
- 首先，确保你已经在项目中引入了Mapbox GL JS库。你可以在官方网站上找到相关的文档和下载链接。
- 将Mapbox JS中的地图容器（通常是一个div元素）替换为Mapbox GL JS中的地图容器。Mapbox GL JS使用一个Canvas元素来渲染地图，所以你需要创建一个Canvas元素并将其添加到你的HTML中。
- 将Mapbox JS中的地图初始化代码转换为Mapbox GL JS的初始化代码。在Mapbox GL JS中，你需要使用
new mapboxgl.Map()来创建地图对象，并传入一个包含配置选项的对象。这个对象可以包含地图的中心坐标、缩放级别、样式等信息。 - 将Mapbox JS中的图层和标记代码转换为Mapbox GL JS的图层和标记代码。Mapbox GL JS使用图层和标记来显示地图上的数据。你可以使用
map.addLayer()方法来添加图层，使用map.addSource()方法来添加数据源，使用map.addMarker()方法来添加标记。 - 将Mapbox JS中的交互事件代码转换为Mapbox GL JS的交互事件代码。Mapbox GL JS提供了一系列的交互事件，如点击、移动、缩放等。你可以使用
map.on()方法来监听这些事件，并执行相应的操作。 - 最后，测试并调试你的代码。确保地图能够正确显示，并且交互事件能够正常触发。
总结起来，将Mapbox JS函数转换为Mapbox GL JS需要替换地图容器、初始化代码、图层和标记代码，以及交互事件代码。通过这些步骤，你可以成功地将Mapbox JS的功能迁移到Mapbox GL JS中。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议你访问腾讯云官方网站，查找与地图相关的云服务产品和文档，以获取更多信息。
相关·内容
我正在使用下面的代码添加shapefile数据，这些数据已经被上传到使用工作室的Mapbox中。
this.map.addSource('contours', {
type: 'vector',
url: 'mapbox://darkl1ght.6zev47fo'
});
this.map.addLayer({
"id": "countour-labels",
"type": "symbol",
&#
浏览 16提问于2021-01-23得票数 0
回答已采纳
我正在尝试使用mapbox csp功能。显示CSP发行版有一个CDN包。我想知道如何将CSP发行版与npm一起使用。从node_module上看，mapbox-gl-csp.js包含在mapbox模块中。
然而，我很难理解如何在npm中切换到csp发行版而不是常规的mapbox-gl.js。我试图在我的tsconfig.json中添加一个路径，但它似乎不起作用，仍然使用常规的mapbox-gl.js：
"compilerOptions": {
...
"paths": {
"mapbox-gl": ["./
浏览 33提问于2020-05-29得票数 1
我正在从mapbox js转向mapbox gl js。我需要转换mapbox gl js的leaflet函数。
在mapbox.js中，我使用的是：
imageUrl = 'http://localhost:1337/tiles/{z}/{x}/{myY}.png
var map = L.mapbox.map('map', 'mapbox.streets', {
infoControl: false,
attributionControl: false,
maxZoom: 21,
minZ
浏览 14提问于2018-07-07得票数 0
回答已采纳
我正在使用带方向的Mapbox GL JS。
directions功能的默认行为是设置当您单击地图图层时单击的方向的起点和目的地。我想禁用此功能。
我该怎么做呢？我现在做的不管用。
<script src='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css' rel='stylesheet&
浏览 3提问于2021-05-31得票数 1
我正在用MapBox GL创建一个地图。我在我的index.html页面上创建了一张地图，这很好，但是现在我尝试在一个单独的页面上创建另一张地图，当我引用地图应该指向的div时，我得到了一个错误：
Uncaught :无法读取属性'classList‘的null。
我不知道为什么会发生这种情况，因为我在html中创建了元素，我的javascript与成功在index.html页面上创建第一个映射的javascript完全相同(但是在不同的div上)。我在Node.js中这样做，并将webpack绑定到一个main.min.js文件中，我在index.html和第二个html页面
浏览 9提问于2016-05-24得票数 1
如果我克隆回购(从)，我如何能够建立我自己的独立版本的文件？
我只需要独立的mapbox-gl.js，比如。
简单的browserify js/mapbox-gl.js -o dist/mapbox-gl.js不起作用。
浏览 6提问于2016-02-27得票数 2
回答已采纳
1回答
我试图用以下JS代码初始化一个MapboxDraw对象：
var graphicsController = MapboxDraw(); // Initialize the graphics controller
我正在导入mapbox绘图w/以下CDN：
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.0.9/mapbox-gl-draw.js'></script>
但是，我得到以下错误消息：
未定义的TypeError:无法设置未定义的属性“模式”(
浏览 2提问于2019-09-12得票数 0
回答已采纳
1回答
我正在学习一门课程，目前正在尝试实现mapbox.js。我直接从mapbox文档中执行了所有的说明，但是在控制台中收到了一个错误：
Uncaught ReferenceError: require is not defined
<anonymous> http://localhost:8000/js/mapbox.js:3
这是我的mapbox.js文件：
var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js');
mapboxgl.accessToken =
'pk.eyJ1IjoiYnJhbmF1c
浏览 6提问于2020-10-14得票数 1
回答已采纳
我的博客上有大量的城市页面，我需要在每个城市页面上放置特定于城市的地图和额外的控制来建立一条路线。
这就是我想要创建的布局：
📷
我正在使用Mapbox库作为地图。地图和方向控件的JS文件和样式托管在Mapbox上：
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.0/mapbox-gl.js'></script>
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-directions
浏览 0提问于2018-02-03得票数 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
我已经导入了一个mapboxgl模块，然后我尝试导入像import 'mapbox-gl-geocoder';和import mapboxgl.Geocoder from 'mapbox-gl-geocoder';这样的第二个“子模块”地理编码器，但是这显然是错误的方法，因为我只得到了错误的Uncaught ReferenceError: mapboxgl is not defined。怎么做才对？下面的细节..。
我正在尝试和一起使用ES6 (和webpack)。
该示例使用2个mapbox库，如下所示(跳过文件中不感兴趣的部分)：
<script sr
浏览 4提问于2016-04-10得票数 4
回答已采纳
我正在尝试添加一个TIF文件到我的Mapbox GL JS代码，这是在html中。关于如何将文件添加到我的html代码中，我还没有找到任何相关的解决方案。有人能告诉我怎么解决这个问题吗？我需要上传地理参考TIF文件到我的地图在Mapbox GL JS。 我是否应该将TIF文件转换为其他格式？如果我能把整个TIF文件上传到Mapbox，那对我来说会更好。 <!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Change a map&
浏览 141提问于2019-08-31得票数 1
我正在使用Vue 2尝试MapBox，我无法使映射获得容器的全部宽度。它只在容器宽度的50%上呈现。
我已经将这些文件包含在我的index.html中，如下所示：
<script src='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v0.40.0/mapbox-gl.css' rel='stylesheet' />
我需要
浏览 8提问于2017-09-14得票数 1
回答已采纳
假设我们有以下Map组件。这是在TypeScript中实现的，但对于普通的JavaScript也是如此。
import * as React from 'react';
import ReactMapboxGl from 'react-mapbox-gl';
const MapBox = ReactMapboxGl({
accessToken: 'pk.<redacted>'
});
export default class Map extends React.Component {
render() {
retu
浏览 17提问于2018-02-19得票数 13
我们的应用程序是一个用Webpack构建的React/Node应用程序，在生产中呈现服务器端。在此生产场景中，mapbox包在服务器端加载有问题。我怀疑这与mapbbox-gl.js是一个已经被浏览器化的库的方式有关，并且与webpack构建的服务器端环境不太好。下面是我第一次尝试加载页面时的相关错误，我们没有在服务器端生成任何组件的html (尽管在浏览器客户端加载该组件时一切都正常)。
mapbox-gl.js中生成堆栈顶部错误的相关代码行为"module.exports=self;“。
Node app is running on port 5000
ReferenceE
浏览 7提问于2017-02-10得票数 2
回答已采纳
我将mapbox-gl: 1.9.1与vue: 2.6.11结合使用。
<head>
...
<script src="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css" rel="stylesheet" />
<title><%= htmlW
浏览 9提问于2020-06-11得票数 1
回答已采纳
我第一次使用Mapbox地理编码器服务，我试图获取坐标(纬度和经度)作为地址搜索的结果，我做到了，但当我尝试将此结果插入到两个输入中时，输入搜索将选定的地址更改为“未定义”，而我现在不知道为什么。我想把坐标变成两个输入，还要把选定的地址放到输入搜索中。这是一个显示错误的图像：
这是我现在拥有的代码：
mapboxgl.accessToken = 'pk.eyJ1IjoiY2FybWVuOTIiLCJhIjoiY2s2cGljM3ZzMW1udjNlbnkxZmMzdXJ3ZCJ9.HJQPFlX5VUh6wlS18R3bFw';
var map = new mapbo
浏览 3提问于2020-02-20得票数 0
1回答
我试图建立一个反应应用程序与一个综合地图的mapbox。当我启动应用程序时，它会说访问令牌无效。但我在网站上使用了公文。
VM68 react_devtools_backend.js:4061 Error: **A valid Mapbox access token is required to use Mapbox GL JS. To create an account or a new access token, visit https://account.mapbox.com/**
at $t.errorCb (vendors-node_modules_mapbox-gl_dis
浏览 9提问于2022-02-08得票数 0
回答已采纳
我正面临着Mapbox GL JS的精度问题，当在地图上放置4个角坐标的图像叠加时，会从预期位置偏移50-250米。为了得出这个结论并找到这个错误，将图像的投影与Leaflet和QGIS进行了比较，它们都显示了图像的相同位置，但Mapbox GL JS显示了一个偏移。 我认为这可能是框架中的一个bug，需要修复。我正在使用React Mapbox GL JS，并且能够在一个普通的html文件中使用Mapbox GL JS库重新创建这个问题。所以它很可能不是由React引起的。 为了重现这个问题，尝试使用Mapbox、Leaflet和QGIS在地图上叠加图像，然后比较结果。 mapbox-gl
浏览 60提问于2020-01-04得票数 0
我正在寻找如何将openweathermap层放到tom-tom map中，我找到了一个解决方案：
tomTomMap.addSource('owm_source', {
type: 'raster',
tiles: [
'https://tile.openweathermap.org/map/clouds_new/{1}/{51}/{20}.png?{app_id}'
],
tileSize: 256,
minZoom: 0,
maxZoom: 12,
attribution:
浏览 8提问于2021-03-15得票数 0
我正在尝试构建一个功能，使用turf.js 'length‘功能来度量用户在Mapbox地图上绘制的一条线。
话虽如此，我是个编码新手-我知道的还不够危险。
最终，我希望能够同时绘制区域和线，并返回它们各自的度量(多边形区域，线字符串长度)。
有人能深入了解为什么这段代码不能工作吗？
<html>
<head>
<meta charset=utf-8 />
<title>Line Test</title>
<meta name='viewport' content='initial-scale=
浏览 3提问于2018-07-15得票数 2
1回答
我正在尝试使用mapbox在同一页上绘制17幅小地图，并面对：
WARNING: Too many active WebGL contexts. Oldest context will be lost.
Uncaught TypeError: Failed to execute 'shaderSource' on 'WebGLRenderingContext': parameter 1 is not of type 'WebGLShader'.
at new Program (mapbox-gl.js:182)
at Painte
浏览 2提问于2018-06-04得票数 3
回答已采纳
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Create a draggable Marker</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://api.mapbox.com/mapbox-gl-
浏览 22提问于2021-01-14得票数 0
回答已采纳
聚合物3使用进口加载外部Javascript。例如
import {GoogleCharts} from 'google-charts';
但是，要使这种工作正常进行，外部库应该使用导出。
我正在尝试使用mapbox-gl.js库。此库安装如下：
npm install mapbox-gl
似乎没有出口任何东西。
在HTML5中，可以使用mapbox，如下所示：
<script src="node_modules/mapbox-gl/dist/mapbox-gl.js"></script>
<link href="node_
浏览 0提问于2018-08-03得票数 8
我正在尝试使用mapbox-gl和Jest和React - test -library来测试react组件。在组件内部，我使用mapbox构造函数，并在调用this.map.remove()的componentWillUnmount中将一个实例分配给this.map，这会导致测试出错。
组件代码
import React, { Component } from "react";
import mapboxgl from "mapbox-gl";
import "./Map.css";
class Map extends Component {
浏览 3提问于2021-01-04得票数 0
我有mapbox分离的地理编码器两个带有输出的自动完成输入CSS视觉交叉问题-当我输入一些东西时，类.suggestions-wrapper被放在第二个输入(input.mapboxgl-ctrl- geocoder - input )下面，有什么方法可以让它正常工作吗？ <html>
<head>
<link rel="stylesheet" href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.6.1/mapbox-gl.css">
<link rel="
浏览 30提问于2019-12-30得票数 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
我用npm安装了mapbox gl js包，它安装在
/node_modules/mapbox-gl/dist/mapbox-gl.js
在html中，如何设置上述目录的路径才能正确加载库？在我的代码中，目录设置如下
var mapboxgl = require('/mapbox-gl/dist/mapbox-gl.js');In
浏览 18提问于2020-03-02得票数 0
我正在研究mapbox-gl-opacity插件，但我想通过使用如下内联脚本来实现它，类似于mapbox-gl-compare插件的Mapbox示例：
<script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-compare/v0.4.0/mapbox-gl-compare.js"></script>
mapbox-gl-opacity插件就是这样托管的吗？如果是，URL是什么？
浏览 12提问于2020-05-12得票数 1
2回答
我正在开发MapBoxgl，我想添加一家餐厅的位置作为标记。
这是我的index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Com Viet</title>
<
浏览 0提问于2020-04-05得票数 0
Mapbox显示我的互联网服务提供商(ISP) IP地址的位置，而不是通过WIFI连接到家庭网络的台式机的IP地址，但是，它可以跟踪连接到同一家庭网络的移动设备的正确位置。 我该如何着手解决这个问题？ Index.html： <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-s
浏览 21提问于2020-12-14得票数 1
回答已采纳
即使我在.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
3回答
我尝试更改该部分中的颜色和背景色，但我的按钮仍然显示为默认值。我尝试使用第二个CSS文件，并给它一个类，但它仍然不能工作。除非我只是做错了什么，否则我认为这与MapBox有关。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta
浏览 7提问于2022-03-14得票数 0
我正在使用Mapbox集成到一个javascript/php项目中。到目前一切尚好。效果很好。环顾一下他们的应用程序接口，我想知道是否有可能在mapbox-gl-directions和mapbox-directions api之间进行混合。它们似乎不是一回事，我真的很喜欢mapbox-gl-directions的例子，它让用户可以在驾驶、骑自行车和步行之间进行选择。但是我已经有了原点的坐标和目的点的坐标。我不一定需要用户输入这些坐标，但我也想让用户选择输入其他坐标。如何才能像mapbox-directions-api一样向mapbox-gl-directions添加起始点和目的点？我找遍了他
浏览 84提问于2020-01-20得票数 2
回答已采纳
1回答
在我的代码中，我已经使用mapbox库通过使用这个导入创建了一个映射：
let mapboxgl = require('mapbox-gl/dist/mapbox-gl.js')
效果很好。
现在，我想使用存在于mapbox-gl.js中的dom模块中的“create”函数：。
我希望我能简单地用这个：
mapboxgl.dom.create(arguments)
但后来我收到了错误信息：
Uncaught (in promise) TypeError: Cannot read property 'create' of undefined
我可以使用库的“创建函
浏览 3提问于2017-03-16得票数 0
回答已采纳
尝试将mapboxgl导入我的TypeScript文件时出现错误。 我已经在mapbox-gl-js的README中这样做了： import mapboxgl from 'mapbox-gl/dist/mapbox-gl.js'; 然后，当我运行typescript编译器时： tsc 我收到这个错误： error TS2307: Cannot find module 'mapbox-gl/dist/mapbox-gl.js'. 但是由于某些原因，所有的东西仍然会被编译，并且工作得很好。所以我很困惑这到底是什么意思？ 我在Github上为此创建了一个问题：htt
浏览 289提问于2016-12-08得票数 2
回答已采纳
对于一个项目，我必须使用RequireJS来加载mapbox库。但是，它不起作用，我总是收到以下错误消息：
未定义的ReferenceError: mapboxgl未定义
这是我的RequireJS代码：
requirejs.config({
{
...
'leaflet-mapbox-gl': 'js/leaflet-mapbox-gl',
'mapbox-gl': 'js/mapbox-gl'
}
我想和传单-mapbox-gl一起用。没有R
浏览 13提问于2017-08-07得票数 1
我在向地图中添加源代码方面有问题。
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
回答已采纳
这是我的第一个JS代码，所以请耐心等待，我设法改编了一个来自Deck.Gl的示例来显示散点图，现在我不确定如何根据列"Status“的值更改颜色，我知道如何根据1值更改颜色，但不确定如何使用if then else在这里执行其余操作 getFillColor: d => (d[2] === '1-pile' ? [0, 128, 255] : [255, 100, 128]) 下面是一个完整的重现示例 <html>
<head>
<title>deck.gl solar Farm Example</tit
浏览 34提问于2019-08-29得票数 2
回答已采纳
使用带有mapbox gl js的Open Map Tiles，当缩放到高于缩放14时，浏览器控制台中会出现错误：
mapbox-gl.js?d5ed:510 Error: Error
at Actor.receive (mapbox-gl.js?d5ed:490)
Evented.fire @ mapbox-gl.js?d5ed:510
Evented.fire @ mapbox-gl.js?d5ed:510
Evented.fire @ mapbox-gl.js?d5ed:510
t._tileLoaded @ mapbox-gl.js?d5ed:222
i @ mapbox-gl
浏览 3提问于2018-01-08得票数 1
回答已采纳
我正在尝试使用图像覆盖来绘制mapbox地图。我指定了url并尝试运行代码，但当我在Chrome中检查.html时，它抛出一个错误：
mapbox-gl.js:87 Uncaught DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at blob:null/28b7e67a-c552-4109-88b1-d8fefaff6ace may not be loaded.
at e._prepareImage (https:/
浏览 4提问于2016-12-25得票数 3
回答已采纳
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
1回答
如果我将api令牌直接复制并粘贴到.env，则开发人员服务器
NEXT_PUBLIC_MAPBOX_API="my-secret-mapbox-gl-api-key"
然后把它当作
mapboxAccessToken={process.env.NEXT_PUBLIC_MAPBOX_API}
它不呈现地图，开发工具中也有错误
next-dev.js?3515:24 Error: An API access token is required to use Mapbox GL. See https://www.mapbox.com/api-documentation/#access
浏览 6提问于2022-07-23得票数 1
回答已采纳
我有：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Display driving directions</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.t
浏览 45提问于2018-07-26得票数 2
回答已采纳
这会产生一个错误。
leaflet.js:5未定义TypeError:无法读取未定义属性的“调用”
<!-- Leaflet -->
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v1.0.0-beta.2/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet/v1.0.0-beta.2/leaflet.js"><
浏览 3提问于2016-02-23得票数 1
回答已采纳
所以我在mac osx上安装了mapbox gl js，webpack，以及Mapbox gl js所需要的浏览器。然而，当我尝试在本地主机上运行代码时，我得到了未捕获的SyntaxError:无法在模块之外使用import语句错误。
所有模块都安装在Users/jbk/node-modules目录下，html文件在document文件夹下。
<html>
<head>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css' rel='styles
浏览 21提问于2020-03-02得票数 0
我尝试使用以下代码在包含的Mapbox-map上放置一个标记，方法是在地图上单击鼠标，并将该标记中的纬度/经度值写入地图下面的两个输入字段：
<html>
<head>
<script src='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='sty
浏览 0提问于2020-10-03得票数 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
回答已采纳
1回答
我在一个JavaScript应用程序中使用Mapbox。我能显示一张没有问题的地图。现在我想添加一些标记。我看到需要导入CSS样式表，然后标记才能正常工作。正如文档中所建议的那样，我尝试了以下两种方法：
我的Vue组件中的import 'mapbox-gl/dist/mapbox-gl.css';
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css">来自<head> of my index.ht
浏览 2提问于2021-06-23得票数 3
回答已采纳
当我尝试使用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
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
