cesium加载自定义mapbox地图

自定义mapbox地图

可以使用mapbox studio来自定义地图样式

mapbox-studio官网

首页

使用模版创建地图

自定义地图，然后发布

使用自定义样式token

具体代码

<!DOCTYPE html>
<html lang="en">
<head><!-- Use correct character set. --><meta charset="utf-8"/><!-- Tell IE to use the latest, best version. --><meta http-equiv="X-UA-Compatible" content="IE=edge"/><!-- Make the application on mobile take up the full browser screen and disable user scaling. --><meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/><title>cesium加载自定义mapbox地图</title><script src="http://192.168.1.1:8088/lib/Cesium-1.78/Build/Cesium/Cesium.js"></script><style>@import url(http://192.168.1.1:8088/lib/Cesium-1.78/Build/Cesium/Widgets/widgets.css);html,body,#cesiumContainer {width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;}</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>//Cesium tokenlet cesium_tk = "token";// 添加mapbox自定义地图实例let layer=new Cesium.MapboxStyleImageryProvider({url:'https://api.mapbox.com/styles/v1',username:'sungang',styleId: 'styleId',accessToken: 'token',scaleFactor:true});//初始页面加载Cesium.Ion.defaultAccessToken = cesium_tk;let viewer = new Cesium.Viewer('cesiumContainer', {geocoder: false,   // 位置查找工具baseLayerPicker: false,// 图层选择器（地形影像服务）timeline: false, // 底部时间线homeButton: false,// 视角返回初始位置fullscreenButton: false, // 全屏animation: false,   // 左下角仪表盘（动画器件）sceneModePicker: false,// 选择视角的模式（球体、平铺、斜视平铺）navigationHelpButton: false, //导航帮助按钮imageryProvider: layer, //设置默认底图});//添加图层// viewer.imageryLayers.addImageryProvider(layer);// 去除版权信息viewer._cesiumWidget._creditContainer.style.display = "none";</script></body>
</html>

成果如下：

cesium加载自定义mapbox地图相关推荐

cesium加载自定义的mapbox底图
文章目录 1.实现效果 2.实现方法 2.1 mapbox自定义底图 2.2 cesium调用 Cesium实战系列文章总目录: 传送门 1.实现效果 2.实现方法 2.1 mapbox自定义底图首 ...
cesium加载arcgis server地图服务
1.制作arcgis server服务从bigmap中下载了全球1-8级 arcgis 瓦片,配置arcgis地图服务,并发布服务 http://www.bigemap.com/helps/doc2 ...
Cesium加载各种互联网地图（一）
1.ArcGIS在线影像底图(因为ArcGIS在线影像底图没有注记,所以用web墨卡托的天地图注记图层作为它的注记图层) viewer = new Cesium.Viewer("cesium ...
2.（cesium篇）cesium加载接入百度地图
地图之家总目录(订阅之前请先查看该博客) 地图之家:cesium+leaflet+echart+地图数据+地图工具等相关内容的介绍文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信 ...
cesium加载接入百度地图（cesium篇.2）
听老人家说:多看美女会长寿地图之家总目录(建议先查看该内容) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 下面献上完整代码,代码重要位置会 ...
2.（cesium之家）cesium加载接入百度地图
听老人家说:多看美女会长寿 cesium之家总目录(订阅之前建议先查看该博客) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 下面献上完整代码 ...
Cesium 加载离线地图服务
Cesium 可以加载自定义的地图服务,一般在私有云上应用比较广. 原始地图数据有很多地方都可以下载.比如常用的下载工具,付费的有水经注.91助手等,还有国家空间地理服务的官网上也有可用的数据.假设你 ...
如何在微信小程序中加载自己的地图数据
由于微信小程序无法进行DOM操作,导致像openlayers.leaflet这种常用的js库无法在微信小程序内使用,导致加载高德.百度.mapbox还有自定义的瓦片地图数据变得很困难. 目前,大多数情 ...
leaflet、cesium加载百度地图，加载自定义样式百度地图
1 leaflet.cesium加载百度地图(官方预设样式) 预留,待补充 2 leaflet.cesium加载百度自定义样式地图样式编辑器新版地址:http://lbsyun.baidu.com/ ...

cesium加载自定义mapbox地图

cesium加载自定义mapbox地图

自定义mapbox地图

具体代码

cesium加载自定义mapbox地图相关推荐

最新文章

热门文章