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。

相关推荐
运维@小兵4 分钟前
vue使用路由技术实现登录成功后跳转到首页
前端·javascript·vue.js
肠胃炎5 分钟前
React构建组件
前端·javascript·react.js
邝邝邝邝丹12 分钟前
React学习———React.memo、useMemo和useCallback
javascript·学习·react.js
酷爱码12 分钟前
HTML5表格语法格式详解
前端·html·html5
hello_ejb314 分钟前
聊聊JetCache的缓存构建
java·前端·缓存
堕落年代17 分钟前
SpringSecurity当中的CSRF防范详解
前端·springboot·csrf
美酒没故事°1 小时前
纯css实现蜂窝效果
前端·javascript·css
GISer_Jing1 小时前
React useState 的同步/异步行为及设计原理解析
前端·javascript·react.js
mini榴莲炸弹1 小时前
什么是SparkONYarn模式?
前端·javascript·ajax
能来帮帮蒟蒻吗1 小时前
VUE3 -综合实践(Mock+Axios+ElementPlus)
前端·javascript·vue.js·笔记·学习·ajax·typescript