我遇到了一些困难，使我的代码正常工作。我正在使用交互式地图上的工作，我想添加一个函数，当用户“双击”允许他们添加标记时，该功能应该从地图本身中拉长和lat。<< P>我对使用该功能的部分有：170086711，这是我写下我的功能的地方：328807926这是我调用函数的地方：716882999该应用程序运行良好，但是当我双击时什么也不会发生。如果我在浏览器中打开控制台，我每次双击时都会收到此错误：
2022-05-03
我尝试使用 fitBounds 使所有标记都以适当的缩放级别可见。getBounds(){return [[12.49637,41.90278],[12.319398,45.441906],[13.055054,47.809532],[16.373724,48.208244]]}<Mapstyle="mapbox://styles/mapbox/streets-v9"containerStyle=
2017-07-13
我有一个 DeckGL 组件，我将它括在 div 标签中并指定其大小，但 deckGL 层似乎占据了整个视口。 这是我的代码片段。const INITIAL_VIEW_STATE = {longitude: 83.32247972488423,latitude: 17.714023254029464,zoom: 10,pitch: 0,bearing: 0}<div class="my-conta
2020-03-27
我有一个 Mapbox GL JS 应用，我在地图上显示一些小部件。为了确保地图上的任何内容都不会被它们隐藏，我使用map.setPadding()添加了一些填充。它是不对称的（在我的情况下，左边大于右边）。它按预期适用于fitBounds和动画等，但我还需要设置地图的maxBounds，以便用户不会超出所需的视口。不幸的是，这不适用于自定义填充。当我绘制边界并使用showPadding时，我可以
2020-09-28
我有一张带有maxBounds属性设置的地图，该地图工作正常，但我们使用的是第三方的图块集，该图块集仅提供英国的整个地图，因此我想知道是否有可能将地图限制在其容器div中，以便不呈现的空白处对用户保持隐藏？这是我的设置：const [viewport, setViewport] = useState({latitude: 53.55,longitude: -2.39,width: '100%',h
2021-06-29
我的地图实例位于可调整大小的容器中，当我更改大小时，我应该调用 map.resize()。我想知道是否有办法监听 mapbox 容器调整大小事件，以便它可以触发 map.resize()？您能建议如何操作吗？export default function Map({ chartID, configuration, data }) {const classes = useStyles();const
2021-07-30
使用map.fitBounds(bounds, {padding: 100})，可以在设置边界时添加填充，以确保您的标记（“边界”所基于的标记）都很好地显示在地图的可视部分内。我想在构造函数中实现相同的功能，其中可以像这样设置边界：var map = new mapboxgl.Map({container: 'MapPanel',style: 'mapbox://styles/mapbox/str
2022-03-31
我按照以下示例在地图上添加了几个标记：https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/现在我想在用户点击标记图像时显示弹出窗口，但我找不到优雅的解决方案。有什么帮助吗？
2015-07-16
我正尝试在 HTML/Javascript 地图中向 MapBox-GL-JS 地图添加标记。我尝试构建一个小示例：这是我的代码<html><head><meta charset="utf-8"><title>Test MapBox</title><!-- *** References for MapBox GL JS ... --><script src='https://api.tiles.m
2017-05-26
尝试将一些标记渲染到我的 mapbox 地图，但似乎无法渲染标记。我怀疑这是 .addTo 方法的问题，但我不知道我还要传入什么。我试过 this.mapContainer、document.getElementById('app')（我的主 div）和 this.map，但它们都无法渲染标记。不知道是我传递给 .addTo 的参数还是其他原因。 componentDidMount() {c
2020-04-29
我有一个 html 标记，我想在里面有一个按钮来删除此标记const PoiHtml = (poi: PointOfInterest) =>`<h3>${poi.name}</h3><button>delete</button>`const source = map.getSource(`marker-${poi.id}`) as any;source.setData({'type': 'Feat
2020-08-11
我想将 id 添加到 Marker()，但它显示错误属性“id”在类型“Marker”上不存在。有没有办法将 id 添加到不存在的属性？这是我的代码....const maps = useRef<mapboxgl.Map | null>(null);const markers = useRef<any>({}); // for the moment is anyuseEffect(() =>
2021-05-24