前言

虽然Cesium默认已经实现了Bing地图的调用，但需要申请key。如何不用key就可调用？抱着好奇的心态去看了下他的源代码。通过分析源代码，最终完成了调用，记录如下：

Cesium原始调用

在线代码

关键源码

BingMapsImageryProvider.tileXYToQuadKey = function (x, y, level) {var quadkey = "";for (var i = level; i >= 0; --i) {var bitmask = 1 << i;var digit = 0;if ((x & bitmask) !== 0) {digit |= 1;}if ((y & bitmask) !== 0) {digit |= 2;}quadkey += digit;}return quadkey;
};

function buildImageResource(imageryProvider, x, y, level, request) {var imageUrl = imageryProvider._imageUrlTemplate;var subdomains = imageryProvider._imageUrlSubdomains;var subdomainIndex = (x + y + level) % subdomains.length;return imageryProvider._resource.getDerivedResource({url: imageUrl,request: request,templateValues: {quadkey: BingMapsImageryProvider.tileXYToQuadKey(x, y, level),subdomain: subdomains[subdomainIndex],culture: imageryProvider._culture,},queryParameters: {// this parameter tells the Bing servers to send a zero-length response// instead of a placeholder image for missing tiles.n: "z",},});
}

代码实现

Bing地图信息获取，请戳
关于地址及请求参数的解析参见代码
调用地址

风格	地址
影像	https://ecn.t{s}.tiles.virtualearth.net/tiles/a{q}.jpeg?n=z&g=11404
影像带标注	https://ecn.t{s}.tiles.virtualearth.net/tiles/h{q}.jpeg?n=z&g=11404&mkt=
	https://t{s}.ssl.ak.dynamic.tiles.virtualearth.net/comp/ch/{q}?n=z&mkt=en-US&it=A%2CG%2CL&og=1638
黑色	https://t{s}.ssl.ak.dynamic.tiles.virtualearth.net/comp/ch/{q}?n=z&mkt=en-US&it=G%2CL&cstl=WD&og=1638
道路	https://ecn.t{s}.tiles.virtualearth.net/tiles/r{q}.jpeg?n=z&g=11404&mkt=&shading=hill
亮色	https://t{s}.ssl.ak.dynamic.tiles.virtualearth.net/comp/ch/{q}?n=z&mkt=en-US&it=G%2CL&cstl=WL&og=1638

代码实现，在线代码
关键代码

//此方法应该是QGIS中q参数的计算方法
const tileXYToQuadKey = function (x, y, level) {var quadkey = "";for (var i = level; i >= 0; --i) {var bitmask = 1 << i;var digit = 0;if ((x & bitmask) !== 0) {digit |= 1;}if ((y & bitmask) !== 0) {digit |= 2;}quadkey += digit;}if (quadkey[0] === '0') {quadkey = quadkey.substr(1);}return quadkey;
};
const imageryProvider = new Cesium.UrlTemplateImageryProvider({url: 'https://ecn.t{s}.tiles.virtualearth.net/tiles/a{q}.jpeg?n=z&g=11404',subdomains: ['0', '1', '2', '3'],tilingScheme: new Cesium.WebMercatorTilingScheme(),customTags: {q: function (imageryProvider, x, y, level) {const result = tileXYToQuadKey(x, y, level);console.log(imageryProvider, x, y, level, result);return result;},},
});

Cesium无需KEY调用Bing地图相关推荐

Cesium使用技巧 - 离线情况下使用自定义地图服务（取消对Bing地图的访问）
Cesium使用技巧 - 离线情况下使用自定义地图服务(取消对Bing地图的访问) 本人在做项目的时候,由于项目要求限制,必须在完全断网的情况下使用Cesium.因此根据Cesium的API文档, ...
043：cesium加载Bing地图（多种形式）
第043个点击查看专栏目录本示例的目的是介绍如何在vue+cesium中加载加载Bing地图.这里显示4种形式的地图,分别为:AERIAL.ROAD.CANVAS_DARK.AERIAL_WITH ...
调用高德地图,百度地图,腾讯地图,苹果地图路线规划(无需集成SDK)
1.调用百度地图 baidumap if ([[UIApplication sharedApplication]canOpenURL:[NSURL URLWithString:@"baidu ...
SharePoint2010整合Silverlight 4应用——Bing地图控件
本文中我们将展示如何在SharePoint 2010中集成Silverlight应用.例子中会用到Bing Map 控件.完成后的效果图如下: 开发环境本例中,我们使用到的开发环境包括: 1.Vis ...
uni-app web-view调用谷歌地图
由于公司的业务主要是非洲的,所以做地图功能的时候就需要用到一款国际地图,高德直接不支持,百度的在uni-app上配置了没效果,苹果地图也找过,但是在indentifiers下面没有找到map IDS选 ...
php 调用百度地图接口
原文转载自:http://www.cnblogs.com/jianglan/archive/2013/05/31/3108646.html http://api.map.baidu.com/lbsap ...
【c#】Form调用百度地图api攻略及常见问题
首先,在Form中调用百度地图api,我们需要使用webbrowser控件,这个在前面的文章中已经讲过了,可以参照(http://blog.csdn.net/buptgshengod/article/ ...
C#调用百度地图API入门解决BMap未定义问题
本文主要是最近帮助好友研究JavaScript的百度地图API,同时显示到C# Winform界面.同时遇到了BMap未定义的错误(BMap is not defined)及解决方法.以前写过基于An ...
高德地图api接口文档_在 R 语言里面调用高德地图接口：地理编码与路径规划
你知道从广州南站去珠江新城怎么走么?今天就让我们一起使用 R 语言调用高德地图的地理编码(地址转经纬度)接口和路径规划接口来回答这个问题. 准备工作注册高德地图,创建应用添加 Key(注意申请 Ke ...

Cesium无需KEY调用Bing地图

前言

Cesium原始调用

关键源码

代码实现

Cesium无需KEY调用Bing地图相关推荐

最新文章

热门文章