mapbox创建空白底图

通常在项目中我们会遇到需要空白底图的情况，如专题底图展示，特殊图层的展示等，效果如下图：

mapbox可以很方便的创建各种底图包括空白底图，也可改变空白底图的背景色。除底图是空白的，其他交互与正常无异。

以下为展示空白底图的代码：

<!DOCTYPE html>
<html>
<head><meta charset='utf-8' /><title>Add an image</title><meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.1/mapbox-gl.js'></script><link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.1/mapbox-gl.css' rel='stylesheet' /><style>body { margin:0; padding:0; }#map { position:absolute; top:0; bottom:0; width:100%; }</style>
</head>
<body><div id='map'></div>
<script>mapboxgl.accessToken = 'pk.eyJ1Ijoibmlld3poIiwiYSI6ImNqbjRvM2F4ODA5ZDEzd2xkd2oxZnB4Y2UifQ.phMvmLw9t9lDxobKyYVbPw';var mapStyle = {"version": 8,"name": "Dark","sources": {"mapbox": {"type": "vector","url": "mapbox://mapbox.mapbox-streets-v8"},},"sprite": "mapbox://sprites/mapbox/dark-v10","glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf","layers": []};var map = new mapboxgl.Map({container: 'map',zoom: 3,center: [0, 0],style: mapStyle});</script></body>
</html>

mapbox创建空白底图相关推荐

[unreal4入门系列之九] UE4创建空白关卡并添加碰撞体
一. 创建空白关卡1) 点击文件 -> 新建关卡(或者按快捷键Ctrl+N). 2) 你可以选择Default(默认)或空关卡.不过选择空关卡比较好,理由迟些会解释. 3) 新的空关卡会一片漆黑 ...
PyQt5笔记（01） -- 创建空白窗体
目录 PyQt5笔记(01) – 创建空白窗体 PyQt5笔记(02) – 按钮点击事件 PyQt5笔记(03) – 消息框 PyQt5笔记(04) – 文本框的使用 PyQt5笔记(05) – 绝对 ...
利用PIL库创建空白图像
背景最近,想自己生成带位置坐标的文字数据集来训练文本位置探测网络. 理想情况是,给文字加盐噪声,背景不需要加噪声,所以需要创建一个空白的背景.将文字放在空白背景上,然后利用opencv加噪声. 解决 ...
PIL Image创建空白图片的bug
今天在使用PIL Image创建空白的黑白图时遇到个诡异的bug,直接贴代码 from PIL import Image import numpy as np# 先创建个256x256,全部值为Tru ...
python-opencv创建空白图
使用 python-opencv 创建背景图片,进行边缘提取出. 创建空白图片单通道 import cv2 import numpy as npimg = np.zeros((10, 10), np ...
创建模板只有从空白html文档开始创建,word 2019如何创建空白文档和模板文档
学习word2019文字处理的时候,我们首先要知道如何来创建word2019文档,创建word文档和ppt.excel创建文档的方式基本一致,只有创建好了文档我们才可以进行录入和修改,今天我们就来学习 ...
创建空白文档失败的原因
好久没有写文章了.@_@!!!,每次写文章都是这句开头的,悲剧. 创建空白文档失败的原因我们来跟踪下代码的执行: 1. CSingleDocTemplate* pDocTemplate ...
Linux创建空白文件,ubuntu添加右键新建文本文档
Linux创建空白文件,ubuntu添加右键新建文本文档 linux创建空白文件切换到桌面 cd 桌面确认桌面是这个名字或者是Desktop cd Desktop 创建一个txt,名字是NewTe ...
word创建空白页，不影响后续格式
在当前页最后添加这些就会自动创建空白页,并且不会保留页眉.页脚
关于IDEA创建空白项目和文件夹会自动折叠的问题
关于IDEA创建空白项目和文件夹会自动折叠的问题关于IDEA创建空白项目和文件夹会自动折叠的问题!!折磨已久的问题曾经一度暴炸! 文件项目自动折叠真的很烦!不仅不好找项目和文件还容易引发不经意的失误 ...

mapbox创建空白底图

mapbox创建空白底图相关推荐

最新文章

热门文章