mars3d的config,json文件配置谷歌影像地图的tilingScheme属性

mars3d的config,json文件配置tilingScheme属性说明:

1.cesium加载谷歌影像地图的时候需要配置tilingScheme参数,如以下代码:

var viewer = new Cesium.Viewer("cesiumContainer", {

animation: false, //是否显示动画控件

baseLayerPicker: true, //是否显示图层选择控件

geocoder: true,

timeline: false,

sceneModePicker: true,

navigationHelpButton: false,

infoBox: true,

});

var imageryProvider = new Cesium.UrlTemplateImageryProvider({

url: "http://172.16.1.98/map_world_4/{z}/{x}/{y}.jpg",

fileExtension: "jpg",

credit: "数据来源",

tilingScheme: new Cesium.GeographicTilingScheme({

ellipsoid: Cesium.Ellipsoid.WGS84,

}),

});

viewer.imageryLayers.addImageryProvider(imageryProvider);

2.Mars3d的config.json文件里面将 "crs"配置为 "EPSG:3857","EPSG:4326"加载离线地图的tms图片后都不正确。

解决方案:

复制代码
var imageryProvider = new Cesium.UrlTemplateImageryProvider({
    url: "http://172.16.1.98/map_world_4/{z}/{x}/{y}.jpg",
    fileExtension: "jpg",
    credit: "数据来源",
    tilingScheme: new Cesium.GeographicTilingScheme({
      ellipsoid: Cesium.Ellipsoid.WGS84,
    }),
});
viewer.imageryLayers.addImageryProvider(imageryProvider);

对应mars3d的写法

复制代码
var layer= new mars3d.layer.XyzLayer({
    url: "http://172.16.1.98/map_world_4/{z}/{x}/{y}.jpg", 
    tilingScheme: new Cesium.GeographicTilingScheme({
      ellipsoid: Cesium.Ellipsoid.WGS84,
    }),
});
map.addLayer(layer);

复制代码
var layer= new mars3d.layer.XyzLayer({
    url: "http://172.16.1.98/map_world_4/{z}/{x}/{y}.jpg", 
    crs:mars3d.CRS.EPSG4326
});
map.addLayer(layer);

另外补充说明:以下瓦片规则对象中,

复制代码
new mars3d.layer.XyzLayer({

如果是TMS规则地图,请加tms:true。

相关推荐
Rsun045511 天前
React相关面试题
前端·react.js·前端框架
Lao乾妈官方认证唯一女友:D1 天前
通过plasmo的wallet扩展添加新钱包
javascript·web3·区块链
ALKAOUA1 天前
力扣面试150题刷题分享
javascript·笔记
鹏多多.1 天前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
LawrenceLan1 天前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart
李昊哲小课1 天前
Python json模块完整教程
开发语言·python·json
迪巴拉15251 天前
基于Vue与Spring Boot+Open Cv的智慧校园考勤系统
前端·vue.js·spring boot
swipe1 天前
JavaScript 对象与属性描述符:从原理到实战
前端·javascript·面试