如何使用mapboxgl.GeolocateControl向mapbox添加标记
mapboxgl.GeolocateControl是一个用于在地图上添加定位标记的控件。通过使用该控件，可以在地图上显示用户的当前位置，并且可以根据用户的位置进行地图的定位和缩放。
使用mapboxgl.GeolocateControl向mapbox添加标记的步骤如下：
- 首先，确保你已经引入了Mapbox GL JS库，并且已经创建了一个地图实例。
- 创建一个新的GeolocateControl实例，并将其添加到地图上。示例代码如下：
var geolocateControl = new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
trackUserLocation: true
});
map.addControl(geolocateControl);在上述代码中，我们创建了一个GeolocateControl实例，并通过positionOptions参数设置了高精度定位选项。然后，将该控件添加到地图上。
- 现在，当用户点击该控件上的定位按钮时，地图将会显示用户的当前位置，并且地图会自动进行定位和缩放。
除了上述基本用法外，mapboxgl.GeolocateControl还提供了其他一些配置选项，可以根据需要进行设置。例如，可以通过showUserLocation选项来控制是否在地图上显示用户的当前位置图标；可以通过fitBoundsOptions选项来设置地图定位时的缩放级别和边界范围等。
总结一下，使用mapboxgl.GeolocateControl向mapbox添加标记的步骤包括创建GeolocateControl实例并添加到地图上。通过点击该控件上的定位按钮，地图将会显示用户的当前位置，并进行相应的定位和缩放操作。
推荐的腾讯云相关产品：腾讯云地图服务（https://cloud.tencent.com/product/tianditu）
相关·内容
2回答
我正在使用插件"mapbox-gl-directions"来测量距离。我想删除地图中的方向控制。 以下是有关image => example of what I'm trying to do的示例指南 可以去掉它而保留距离框吗？ 下面是我的代码： mapboxgl.accessToken = 'TOKEN';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/street
浏览 55提问于2020-12-30得票数 1
回答已采纳
1回答
mapboxgl.accessToken = 'XXXXXXX';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/satellite-v9', // stylesheet location
center: [ 50.545750,26.0503
浏览 0提问于2020-08-20得票数 0
除了按Mapbox GL JS中的"GeolocateControl“按钮外，如何让相机中心(起始位置)先直接移动到用户的位置？ 谢谢! <body>
<div id='map'></div>
<script>
mapboxgl.accessToken = '...'
var map = new mapboxgl.Map({
container: 'map', // container id
center: [23.7548053,62.5590779], // st
浏览 26提问于2019-01-06得票数 0
回答已采纳
我不知道怎么通过GPS追踪用户的位置。
下面的代码可以添加到我的Mapbox中：
const geolocate = (new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
trackUserLocation: true
}));
map.addControl(geolocate)
但它不会在iOS中显示出来。该怎么办呢？也许添加一些Ionic/Cordova技巧？
浏览 1提问于2019-06-02得票数 2
1回答
我想在我的html网站上添加一个地图，默认情况下，用户的当前位置将显示在地图上。但用户可以在地图上调整其位置。 以下是代码： <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Locate the user</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<
浏览 37提问于2021-04-24得票数 4
当网站完全加载时，我正在尝试找到用户。我使用的是最新的MapBox接口(JavaScript) 有没有可能不需要用户点击地图上的右上角按钮就能做到这一点？ var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [0,0],
zoom: 15 // starting zoom
});
// Add geolocate control to the map.
map.addControl(
浏览 11提问于2019-05-23得票数 0
1回答
似乎不可能使用Mapbox来实现。文档中有一些例子讨论了如何使用Mapbox /Android来实现这一点，而MapboxGl JS则没有。
我尝试过的：
我目前能够添加一个Geolocate控件，该控件使用一个按钮执行此功能：
map.addControl(
new mapboxgl.GeolocateControl({
positionOptions: {enableHighAccuracy: true},
trackUserLocation: true,
showUserHeading: true,
})
);
但是，这不是
浏览 5提问于2021-10-02得票数 0
1回答
使用Mapbox GL JS版本。1.10.1 我已经让地图可以处理所有的东西了，但是当我点击地理定位控制按钮时，就没有动画了。它只是跳到一个点，所以我想知道如何添加动画。mapbox documentation显示了我想要的行为，但我找不到为了使动画工作而可能遗漏的内容。 下面是我的代码： var geoctrl = new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
trackUserLocation: true
});
this
浏览 11提问于2020-07-21得票数 0
2回答
我正在尝试初始化MapBox，但是控制台抛出了一个错误:未找到容器'map‘。
我正在使用模板，我认为这是Mapbox由于某种原因无法查询在html中指定的元素的问题。我对模板的使用相当陌生，我的上下文是它是HTML页面的片段。希望在这方面有经验的人能在这方面帮助我。谢谢!
mapboxgl.accessToken = 'MYAPIKEY';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://style
浏览 1提问于2018-11-17得票数 1
回答已采纳
我想用一些特性扩展/更改mapbox地理位置控件，例如：
我想要flyTo，而不是jumpTo，现在的位置
当geocontrol按钮切换时，我想添加一些行为(例如防止拖动)。
我该怎么做？我试着做了一个包装，但后来遇到了一些问题：
按钮的颜色在切换时应该变成蓝色，但这不再有效了。
我不知道如何添加功能的点击按钮。
我有一个，展示了我如何试图制作一个包装器。正如您所看到的，flyTo可以工作。
mapboxgl.accessToken = 'pk.eyJ1IjoidG1jdyIsImEiOiJIZmRUQjRBIn0.lRARalfaGHnPdRcc-7
浏览 3提问于2017-03-01得票数 2
回答已采纳
我的mapbox在我构建了react-app后不工作了。在本地主机上，一切运行正常，所以我猜，我的访问令牌不会有任何问题。你有什么想法或者以前有过类似的问题吗？ import mapboxgl from "mapbox-gl";
import "mapbox-gl/dist/mapbox-gl.css";
const ProjectTemplate = (props) => {
const [map, setMap] = useState(null);
const mapContainer = useRef(null);
useEffect(()
浏览 18提问于2021-01-12得票数 0
1回答
我有一个用Ionic和capcitorjs开发的手机应用程序。mapbox地图是应用程序的很大一部分，当您打开应用程序时，它会请求允许您使用一个非常正常的提示访问手机的位置。这很好，当应用程序打开时，地图正确地以用户为中心(使用@电容/地理定位)。但是当用户按下以用户为中心的mapboxgl.GeolocateControl按钮并添加蓝色位置点时，提示是奇怪的，我不知道该在哪里更改它。使用用户位置的提示(尽管已经有权限)是：
"://“希望使用您的当前位置
不允许，好的
我可以在哪里更改这个提示？它不会出现在安卓系统上，所以这只是一个iOS问题。对于请求地理位置访问的第一个提示符，
浏览 8提问于2021-10-08得票数 1
我的网站上有一张地图，上面只显示了地图和我的位置(稍后，这将改变为一艘小船的位置)。我想在水中划出一条路径，这样船就可以沿着这条正确的路线行驶，例如从A点到B点到C点等，但是我不知道如何用dropbox来实现。所以基本上是一条送货路线，但在水上。有人能帮我吗！到目前为止，这就是我所拥有的：
这是我的map.html
<meta charset="UTF-8">
<title>Title</title>
<meta name='viewport' content='width=devi
浏览 13提问于2022-03-22得票数 0
mapboxgl.accessToken = 'pk.eyJ1IjoibWF4aW11czEzMTIiLCJhIjoiY2s4bXU2bWp2MDVkdDNucDNvOTc2MHdueCJ9.ilwrzH23r2G3_pfxaJn6IQ';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/streets-v11',
center: [-96, 37.8], // starting p
浏览 2提问于2020-08-02得票数 0
我在做mapbox android的工作。当活动加载时，我需要在所有标记的顶部显示infowindow，而不必单击标记来查看每个信息window.How，我在mapbox中完成了这个功能吗？
这是密码：-
mapView.getMapAsync(new OnMapReadyCallback() {
@Override
public void onMapReady(final MapboxMap map) {
mapboxMap = map;
mapboxMap.addMarker(new MarkerOp
浏览 4提问于2017-11-02得票数 0
回答已采纳
1回答
如何在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.length-1];
geojson.coordinates.push((start,end).slice());
// Add this gener
浏览 3提问于2015-07-07得票数 1
1回答
我能够使用marker中的以下代码在地图上创建一个react-native (注释)。
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
import MapboxGL from '@mapbox/react-native-mapbox-gl';
import Mapbox from '@mapbox/react-native-mapbox-gl';
浏览 0提问于2018-02-20得票数 10
回答已采纳
1回答
我正在尝试编写一个脚本，允许在以用户位置为中心的同时弹出标记-最终在手机上显示为网页。 我已经成功地启用了弹出标记。我还成功地使用Mapbox API mapboxgl.GeolocateControl和HTML API geolocate.GetCurrentPosition启用了地理定位。但是，当我添加geolocate变量以便同时拥有地理位置和弹出窗口时，弹出窗口停止工作。当我删除地理定位时，它们又开始工作了。颠倒工作流也有同样的问题。 我怀疑这与不同对象或变量的层次结构有关，但我似乎无法修复它，在通常的论坛上也没有看到这个问题。 有人有什么想法或解决方法吗？或者是我明显漏掉了什么？
浏览 9提问于2020-06-22得票数 1
我在使用express将一些json数据从mongodb查询服务器端发送到javascript变量客户端时遇到了麻烦。我正在使用Mapbox Gl-Js，并且我需要使用来自mongodb服务器的一些json数据来加载页面上的geojson行。这是我的路线：
# /routes/index.js
var express = require('express');
var router = express.Router();
var db = require('../db');
/* GET home page. */
router.get('/',
浏览 1提问于2017-06-29得票数 0
因此，我使用plotly plotly.express.choropleth_mapbox来显示彩色图块。
最终，我想要做的是叠加一个散点图，无论是圆，符号等。一些‘点’坐标顶部的彩色瓷砖。
我不知道有一种方法可以将scatter_mapbox作为跟踪来组合到choropleth，所以我尝试更新mapbox并使用下面的circle层。
请注意，我已经使用来自另一个.geojson文件的轮廓在地图上绘制了轮廓(耶，这部分可以工作)，但是圆的覆盖不起作用。(也尝试了symbol，但也不起作用。)
我正在尝试诊断这是否是我的geojson文件，因为我在我的计算机上创建了该文件。我尝试在python和
浏览 30提问于2021-05-25得票数 1
回答已采纳
我生成了一个我想通过使用的Maki图标列表。
drawMarkers() {
let self = this;
const mapboxgl = require("mapbox-gl");
let data = this.draw.getAll();
data.features.forEach((feature) => {
if (feature.geometry.type == "Point") {
var icon = feature.properties.icon;
var title =
浏览 7提问于2022-05-06得票数 2
我是mapbox的新手，正在尝试在iPhone上实现离线地图。我生成了MBTiles，并能够在iOS.I上加载它。但我不明白如何与MBTiles互动，即如何在没有WiFi/3G的情况下在MBTiles上添加标记，以及如何在没有WiFi/3G的情况下将RMMarker移动到用户当前位置。有没有可能使用MapBox和GPS芯片来实现这一点？
我浏览了安卓应用程序，它使用openstreetmapdata在没有WiFi/3G的情况下显示用户的当前位置。是否可以使用MapBox开发工具包在iOS世界中实现该功能？除了MapBox之外，还有没有别的选择？
浏览 3提问于2014-09-17得票数 0
我正在建立一个相当简单的网站的html和主页包括一个mapbox地图。根据我在我的网站上使用和实现的mapbox示例代码，它以适合我的方式制作了一个具有设置高度和宽度的div。这对我的笔记本电脑和屏幕大小都很好，但在移动设备或任何其他屏幕尺寸不同的浏览器上，它就会变得很奇怪。我所有的其他页面都没有相同的div元素，它们可以正确地扩展到移动端。所以我的问题是，我如何让这个元素像我网站的其他元素一样缩放到设备大小。我已经包含了下面的代码。 我试着用.map在css中扩展它，但似乎没有任何效果 任何帮助都非常感谢:) <div class='map' id='map&
浏览 198提问于2021-07-07得票数 0
我有一个函数，它使用mapbox javascript库成功地将标记添加到地图中。但是，我希望函数在添加两个新标记之前清除地图上的所有标记，这样一次只显示两个标记。
我在这里看过其他的问题/答案，但到目前为止，它们都没有起作用；标记只是不断地添加，而没有被删除。
var map = L.mapbox.map(...);
function updateMarkers(d) {
var featureLayer = L.mapbox.featureLayer();
map.removeLayer(featureLayer);
getCoordX = d.stn_f_c;
浏览 3提问于2015-03-05得票数 1
回答已采纳
我正在使用Mapbox在样式中标记一些点特性(来自我上传的GeoJSON层)，并且在彼此附近有一些重复的点：
Mapbox中是否有自动删除重复标签的选项？例如，其他一些映射程序可以选择在指定的距离(像素或映射单元)内删除重复标签。这在Mapbox中可用(或者在Mapbox中失败)？
浏览 1提问于2020-02-20得票数 0
回答已采纳
我正在尝试使用MapSnapshotter (的一部分)来生成Mapbox地图实例的屏幕截图，其中包括我添加到地图中的单行注释。
我似乎能够像预期的那样生成静态映射位图，但是该图像不包含我的线条注释。
有没有办法让线条出现在MapSnapshotter生成的位图中，或者MapSnapshotter仅限于捕获无注释的地图截图？
目前，我正在使用Mapbox的一个存储库中提供的。我所做的唯一改变是向Mapbox地图样式添加一个新的图层和源，以便它显示在交互式Mapbox地图上。
浏览 4提问于2019-08-21得票数 0
2回答
大家好，我有一些关于我的传单中的当前位置标记的问题，它应该每3秒更新一次，但它每次都在地图上放置一个新的“位置”标记，而旧的保留下来，我该如何解决这个问题？ L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
attribution: '© Leaflet 2021',
tileSize: 512,
zoomOffset: -1,
id: 'mapbox/streets-v11',
accessTo
浏览 12提问于2021-07-28得票数 0
回答已采纳
我对mapbox完全陌生，只是在为我目前正在进行的一个小项目探索api文档。有一件事我想做，但是到处都找不到(这就是为什么我认为这可能是不可能的)就是把GeolocateControl和NavigationControl按钮组放在一起。
有没有人知道这是否真的可行？
到目前为止，我已经调用了两个addControl，它们将一个放在top-left中-地图的另一个右上角。
window.currentMap.addControl(new mapboxgl.NavigationControl(), 'top-left');
window.currentMap.addControl(
浏览 3提问于2018-05-06得票数 1
2回答
我的网站上有一张带有标记的传单地图。但是，我不能把它很好地集中在巴黎。此代码适用于：
map.setView([lat,lng],zoom);
地图显示的是巴黎，但我选择的重点不是在地图的中间。地图以左下角为中心。
有人知道如何在我的地图中间对点吗？
谢谢
编辑:完整代码
var map = L.map('map', {
scrollWheelZoom: false
})
map.setView(<?php echo "[".$latVille.", ".$lngVille."], ".$zoomVille;?&g
浏览 7提问于2022-01-11得票数 0
回答已采纳
2回答
我正在开始使用Ionic 2/ Angular 2，并尝试在我的应用程序中实现Mapbox。
要显示自定义标记() Mapbox需要一个DOM元素，据我所知，这并不是真正的角度方式。我想在标记上添加一个click事件，但因为Mapbox使用元素，我不完全确定如何以“角度方式”来处理这个问题。
基本上，这是最新版本(显示地图和标记有效，但可以预见的是，当我单击标记时，事件侦听器找不到this.onMarkerClicked)：
export class HomePage {
//(...)
refreshMapPosition() {
/*Initializing Map*/
浏览 1提问于2017-04-09得票数 4
1回答
我希望在mapbox地图中嵌入选定区域的推文。有没有可能，富媒体可以出现在mapbox弹出窗口中？到目前为止，我已经设法获得了一个地图来显示指向所选tweet的链接，但不能显示tweet本身。
我已经发布了我用来显示标记和弹出窗口的geojson的一部分。我把tweet的javascript放在了geojson后面。任何帮助都将非常感谢，谢谢。
<head>
<meta charset='utf-8' />
<title>Example</title>
<meta name='viewpo
浏览 3提问于2017-08-11得票数 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
我用angular 9和mapbox gl创建了一个项目。我有一个地理编码器的问题，当我搜索地点时，一切都很好，但我尝试在地理编码器结果后设置一个点，就像这样：我做了同样的事情，但标记没有出现。
这是我的代码，我初始化我的地图并添加地理编码器：
import {Component, OnInit} from '@angular/core';
import {FormBuilder, FormGroup} from '@angular/forms';
import {UserService} from '../../../user/
浏览 4提问于2020-04-19得票数 0
3回答
我是MapBox iOS SDK中的新手，我需要在MGLMapView中间添加一个标记，这样用户就可以在标记下移动地图视图，并且标记将固定在屏幕上。我还需要得到地图中标记下的点的坐标。我在Mapbox中找不到任何方法，我不知道如何做到这一点。
浏览 0提问于2018-09-25得票数 2
回答已采纳
我想用GEOJson用MarkerCluster实现mapbox.js。
没有标记集群，一切都很好：
$.ajax({
url: 'dashboard/geoJSON',
dataType: 'json',
type: 'POST',
success: function(geojson) {
locations = L.mapbox.featureLayer().addTo(map)
locations.on('layer
浏览 2提问于2016-08-23得票数 0
回答已采纳
我正在尝试添加一个自定义的地理定位我的按钮到我的地图，它的工作方式，然而，只有当我也添加来自Mapbox的标准图标。下面的代码可以工作，但是如果我删除了行map.addControl(geolocate, 'top-right');，我的左键就会停止工作。
// Initialize the geolocate control.
var geolocate = new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
tra
浏览 51提问于2020-09-03得票数 5
1回答
我正在使用MapBox API创建不同的映射。我有大约25个标记，每个标记的纬度和经度信息。我能画出地图上的标记。现在我想画一条连接这些标记的路。有人能让我知道如何使用MapBox API来做这件事吗？
下面是我用来绘制标记的html代码。
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<script src='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js'></script>
&l
浏览 3提问于2016-10-22得票数 3
我正在尝试将Mapbox地图添加到我的flask应用程序中。我有使用python的经验，但我对JS和HTML还是个新手。我正在尝试添加一个3D建筑应用程序来可视化结果，我已经从Mapbox文档页面获得了3D地图的布局。但是，我想使用纬度和经度在特定位置添加一个标记，但我无法这样做。请告诉我如何将位置标记添加到Mapbox 3D地图。 3d地图的代码是：https://docs.mapbox.com/mapbox-gl-js/example/3d-buildings/
浏览 48提问于2019-05-09得票数 0
回答已采纳
2回答
如果我有这两点的坐标，我如何从起点到终点画出路线的方向？现在我的代码看起来像这样，它给了我地图上的两个静态标记
var map = L.mapbox.map('map', 'mapbox.streets', {
zoomControl: false
}).setView([start.lat, start.lng], 12);
map.attributionControl.setPosition('bottomleft');
var directions = L.mapbox.directions({
profile: '
浏览 2提问于2015-09-13得票数 1
回答已采纳
6回答
我有一个mapbox地图，用outdoors v9样式初始化(尝试了其他样式，行为相同)。当我向地图添加图层-标记或geojson源并缩放地图时，样式更改或断开，我不确定是哪一个。
这是缩放前的地图
在变焦之后
以下是初始化地图和添加标记的函数
mapboxgl.accessToken = "pk.*******";
buildMap: function() {
const _self = this;
_self.map = new mapboxgl.Map({
container: "map",
style: "
浏览 3提问于2018-06-13得票数 3
Mapbox：6.7.0
我们正在开发的应用程序的要求是，我们必须在不同的LatLng位置添加多个标记，并对它们进行一定程度的旋转。在以前的mapbox版本(4.2.1)中，我们可以在没有任何问题的情况下这样做。
////Working code with MapBox SDK 4.2.1////
MarkerViewOptions markerViewOptions = new MarkerViewOptions();
IconFactory iconFactory = IconFactory.getInstance(this);
Icon arrowIcon
浏览 1提问于2018-11-28得票数 4
回答已采纳
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.js@3.0.1，它依赖于leaflet@1.0.2。我想npm安装一个leaflet插件leaflet.markercluster@1.0.2，它需要leaflet 1.0.x (我通过mapbox.js获得)。如何安装leaflet.marketcluster并告诉它使用mapbox的依赖项查找leaflet？
浏览 2提问于2017-02-03得票数 1
回答已采纳
编辑:在导航到另一个组件之后，我的更改检测和生命周期似乎完全中断了。为什么？
我在@ngrx/和基于nativescript地图的google地图和mapbox插件上遇到了一些奇怪的问题。代码是正确的，地图加载完美的数据(标记集)，但有问题的订阅或导航。
我试过这两种方法，它们都很完美，直到我尝试导航；
谷歌地图：
导航和订阅其他页面中的数据是完美的，直到我尝试再次导航/转发到地图。我总是在谷歌地图的onReady方法上出现错误。
使用MapBox：
导航工作正常，包括回到地图。但是，我的异步管道无法实际填充其他页面数据，直到我导航回原来的map组件！我假设订户在导航时不会被触发。如果不取消对
浏览 2提问于2017-02-07得票数 0
回答已采纳
我正在使用MapboxJS构建地图。
我目前为它提供了一个包含所有标记的geoJson对象，没有任何问题。
因为每个点都有一个类别，所以我想为每个类别添加一个带有复选框的控制层，这样用户就可以显示/隐藏每个类别。
我试着将每个标记单独加载到一个图层中，但是我得到了mapbox错误。
我应该如何处理这个问题？
提前谢谢。
小梅
浏览 0提问于2013-05-14得票数 0
回答已采纳
我对leaflet和集群是个新手，但我已经设法用leaflet.js地图和集群在地图上获得了一些自定义标记。 一切都很好，除了我似乎不能解决如何删除一个标记，因为它似乎没有分配ID号或任何东西。我曾尝试使用这类东西来添加ID，但没有得到任何结果，因此我没有尝试删除标记。 var user_id = '101';
var marker[user_id] = L.marker(new L.LatLng(a[0], a[1]), {
icon: client,
title: title
}); 我有以下格式的数据： var addressPoints = [
[52.41
浏览 98提问于2021-10-28得票数 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地图的链接，该地图以特定的纬度和经度为中心，该地图还包含该点上的标记。在生成静态映射时，这是非常简单的：
https://api.mapbox.com/v4/mapbox.streets/pin-m(<lat>,<lon>)/<lat>,<lon>,<zoom>/320x160.png?access_token=<access token>
使用pin-m()段指定标记。但是，在生成指向完整的交互式(可缩放/pannable)地图的链接时，指定标记似乎不是一个选项。这个URL指向我想要的地图：
浏览 1提问于2016-03-30得票数 0
回答已采纳
1回答
VueJS版本1.9.0
app.js
require('./bootstrap');
window.Vue = require('vue');
Vue.component('mapbox', require('./components/mapbox.js'));
const app = new Vue({
el: '#app'
});
components/mapbox.js
// initially from https://github.com/phegman/vue-mapbox-gl/blob
浏览 0提问于2019-02-28得票数 3
回答已采纳
2回答
我正在寻找一种方法来添加标记的地图上，我已经创建了一个网页…以下是该页面的代码...
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
<style>
#map {
width: 100%;
浏览 2提问于2013-09-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
