产品服务
解决方案
文档与支持
定价

瓦片图层

下载开发文档

通过配置符合百度网格瓦片标准的数据源,加载到基础地图上进行显示。

2.0.0版本及以后,瓦片图层的创建方式有变化,详见「加载到地图」部分

定义数据源

/**
* 定义瓦片图的在线Provider,并实现相关接口
* MAX_LEVEL、MIN_LEVEL 表示地图显示瓦片图的最大、最小级别
* urlString 表示在线瓦片图的URL地址
*/
class OnlineTileProvider extends UrlTileProvider{
override getMaxDisLevel() {
return 16;
}
override getMinDisLevel() {
return 6;
}
override getTileUrl() {
return "http://online1.map.bdimg.com/tile/?qt=vtile&x={x}&y={y}&z={z}&styles=pl&scaler=1&udt=20190528";
}
}

加载到地图

可以设置显示层级范围、地理范围和显示隐藏等。

// 2.0.0版之前,通过外部调用实例化
this.imageTileLayer = new ImageTileLayer(new OnlineTileProvider());
// 2.0.0版本及之后,通过内部实例化
this.imageTileLayer = ImageTileLayer.createWithMapControl(this.mapController,new OnlineTileProvider()) as ImageTileLayer;
this.imageTileLayer?.setDisplayLevel(8,21);
this.imageTileLayer?.setSourceRegion(new Bounds(new LatLng(30, 100),new LatLng(60, 120)));
// 2.0.0版之前需要手动添加,2.0.0版本及之后不需要手动添加
this.mapController?.addTileLayer(this.imageTileLayer);
// 显示隐藏控制
this.imageTileLayer?.setVisible(true);
this.imageTileLayer?.setVisible(false);

从地图移除

移除瓦片图层,并销毁

this.mapController?.removeTileLayer(this.imageTileLayer);
this.imageTileLayer = undefined;

上一篇

位置短地址分享

下一篇

请求状态码说明

本篇文章对您是否有帮助?