Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将我的样式化mapbox矢量地图添加到openlayers3_Mapbox_Openlayers 3 - Fatal编程技术网

如何将我的样式化mapbox矢量地图添加到openlayers3

如何将我的样式化mapbox矢量地图添加到openlayers3,mapbox,openlayers-3,Mapbox,Openlayers 3,我试着用这个例子 而且效果很好 我现在已经在Mapbox studio online中设计了自己的地图样式 我无法在此示例中添加我的样式映射,因为示例中有一个样式函数createMapboxStreetsV6Style(),我无法为我的样式获取该函数 知道如何将我的样式映射框向量映射添加到openlayers 3吗 任何帮助都将不胜感激。根据您使用地图的目的,您可以将Openlayers替换为Mapbox GL JS,因为地图将更加流畅,整体性能更好。如果你感兴趣的话,这是让你开始的 否则,我将

我试着用这个例子

而且效果很好

我现在已经在Mapbox studio online中设计了自己的地图样式

我无法在此示例中添加我的样式映射,因为示例中有一个样式函数createMapboxStreetsV6Style(),我无法为我的样式获取该函数

知道如何将我的样式映射框向量映射添加到openlayers 3吗


任何帮助都将不胜感激。

根据您使用地图的目的,您可以将Openlayers替换为Mapbox GL JS,因为地图将更加流畅,整体性能更好。如果你感兴趣的话,这是让你开始的

否则,我将向您介绍如何在Openlayers 3.0中设置平铺贴图样式并使用它

希望这有帮助

编辑:一个更好的例子:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>OpenLayers MapBox Example</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.15.1/ol.js"></script>
  <link url="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.15.1/ol.css">
</head>
<body>
    <div id="map"></div>
</body>
最后一点:

body { margin:0; padding:0; }
#map { 
  position:absolute; 
  top:0; 
  bottom:0; 
  width:100%; 
}

现在可以使用


我最近发现了一个,但是,它不应该阻止你使用这个很棒的软件包。我相信维护人员会很快解决这个问题。

功能在这里找到:目前这是一个仅链接的答案,您能添加一些详细信息吗?也许是一个代码示例?@YuryFedorov我链接的页面有一个详细的代码示例和一个演示应用程序。如自述文件所述:“要查看正在运行的库,请导航到example/index.html”
body { margin:0; padding:0; }
#map { 
  position:absolute; 
  top:0; 
  bottom:0; 
  width:100%; 
}