文章/答案/技术大牛

发布

社区首页 >问答首页 >mapboxgl:创建一个地图而不显示它

问mapboxgl:创建一个地图而不显示它
EN

Stack Overflow用户

提问于 2016-06-03 08:09:22

回答 1查看 772关注 0票数 1

我正在学习如何使用mapboxgl，并且正在查看网站上的示例，但是在不显示地图的情况下却找不到一个关于如何创建地图的例子。有办法这样做吗？显示它的示例是：

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/dark-v8',
    center: [-103.59179687498357, 40.66995747013945],
    zoom: 3,
});

不过，我只想先创建地图，但直到以后使用它时才会实际显示它。当我在创建mapboxgl对象时取出“容器”字段时，api会给出一个错误，因为它试图在我的html页面中查找容器(尽管它不在那里，因为我还不想显示它)：

Uncaught TypeError: Cannot read property 'classList' of null

mapbox-gl

mapbox-gl-js

javascript

mapbox

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-03 08:16:53

当您调用mapboxgl.Map构造函数时，它将在作为参数传入的container中创建WebGL画布元素。因此，您需要传入一个有效的容器id。

要控制映射的可见性，只需显示/隐藏容器div。

#map {
   display: none;
}

然后显示地图：

document.getElementById('#map').style.display = 'block';

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37609223

复制

相似问题

问mapboxgl:创建一个地图而不显示它
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问mapboxgl:创建一个地图而不显示它EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问mapboxgl:创建一个地图而不显示它
EN