1 Star 0 Fork 0

游侠 / imageryProvider

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

imageryProvider

介绍

Cesium加载高德、腾讯、百度地图

适用于GCJ02和BD09坐标系转WGS84坐标系

示例

引入Cesium后,导入对应的imageryProvider(GCJImageryProvider、BaiduImageryProvider)

  1. 高德影像

高德影像与高德地图加载方式相同,直接替换url即可

高德地图服务加载完成后需要将图层设置为baseLayer,否则瓦片连接处可能会出现细缝

const providerOptions = {
  crs: "WGS84",
  maximumLevel: 18,
  url: "https://webst{s}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}"
};

const imageProvider = new GCJImageryProvider(providerOptions);

const layer = viewer.imageryLayers.addImageryProvider(imageProvider);

layer.isBaseLayer = function() {
  return true;
}

layer.myName = "高德影像";
  1. 腾讯影像

腾讯影像的加载方式比较特殊,需要设置customTags

const providerOptions = {
  maximumLevel: 18,
  minimumLevel: 1,
  subdomains: "012",
  url: "https://p{s}.map.gtimg.com/sateTiles/{z}/{sx}/{sy}/{x}_{reverseY}.jpg?version=400",
  customTags: {
    sx: function (imageryProvider, x, y, level) {
      return x >> 4;
    },
    sy: function (imageryProvider, x, y, level) {
      return ((1 << level) - y) >> 4;
    }
  }
};

const imageProvider = new GCJImageryProvider(providerOptions);

const layer = viewer.imageryLayers.addImageryProvider(imageProvider);

layer.myName = "腾讯影像";
  1. 腾讯矢量
const providerOptions = {
  crs: "WGS84",
  maximumLevel: 18,
  minimumLevel: 1,
  subdomains: "012",
  url: "https://rt3.map.gtimg.com/tile?z={z}&x={x}&y={reverseY}&styleid=1&version=297"
};

const imageProvider = new GCJImageryProvider(providerOptions);

const layer = viewer.imageryLayers.addImageryProvider(imageProvider);

layer.myName = "腾讯矢量";
  1. 百度地图
const providerOptions = {
  crs: "WGS84",
  maximumLevel: 18,
  minimumLevel: 3,
  url: "//maponline{s}.bdimg.com/tile/?qt=vtile&x={x}&y={y}&z={z}&styles=pl&scaler=2&udt=&from=jsapi2_0"
};

const imageProvider = new BaiduImageryProvider(providerOptions);

const layer = viewer.imageryLayers.addImageryProvider(imageProvider);

layer.myName = "百度地图";

空文件

简介

Cesium加载高德、腾讯、百度地图 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/shuhairun/imagery-provider.git
git@gitee.com:shuhairun/imagery-provider.git
shuhairun
imagery-provider
imageryProvider
master

搜索帮助