高德地图加载腾讯地形图

本文是对高德地图加载谷歌地图瓦片的补充

地形晕染图

地形晕染图

地形晕染图来源于腾讯地图。它和高德地图的切片方式同为谷歌切片标准、坐标系同为GCJ-02坐标系,最大的区别在于图源。如果能够获取到地图瓦片,将会补全高德地图中不存在地形晕染图的缺憾。本文目的在于对WMTS切片进行解析,实现在高德地图中加载腾讯地形晕染图。

获取地形图瓦片

F12查看,可得到地形图瓦片格式为 https://p1.map.gtimg.com/demTiles/{z}/{sx}/{sy}/{x}_{y}.jpg
其中sx sy 分别是对x y 进行位运算后得到的值,公式如下:
sx = x>>4
sy = ((1<<level)-y)>>4
因此完整格式为 https://p1.map.gtimg.com/demTiles/{z}/{x>>4}/{((1<<level)-y)>>4}/{x}_{y}.jpg

在高德地图Mobile SDK中的使用方式

设置地图加载完成事件的监听,重写onMapLoaded的方法,使用 TileOverlay ,在地图上叠加地形晕染图。

 String TENCENT_TERRAIN = "https://p1.map.gtimg.com/demTiles/%d/%d/%d/%d_%d.jpg";
 aMap.setOnMapLoadedListener(new AMap.OnMapLoadedListener() {
            @Override
            public void onMapLoaded() {
                TileProvider tileProvider = new UrlTileProvider(256, 256) {
                    @Override
                    public synchronized URL getTileUrl(int x, int y, int zoom) {
                        String s = String.format(Locale.US, TENCENT_TERRAIN , zoom,x>>4,((1<<level)-y)>>4,x,y);
                        URL url = null;
                        try {
                            url = new URL(s);
                        } catch (MalformedURLException e) {
                            throw new AssertionError(e);
                        }
                        return url;
                    }
                };
                TileOverlay tileOverlay = aMap.addTileOverlay(new TileOverlayOptions().tileProvider(tileProvider));
            } 

其他

核心方法为 AMap.addTileOverlay(TileProvider provider),在合适的时机使用即可,不是非得在onLoad时使用。该方法相当于在地图上加了一层地图遮罩,不会对原SDK的使用造成任何影响。要想关闭地形晕染图,调用SDK中隐藏图层的方法TileOverlay.setVisible(boolean isVisible)即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript中,高德地图和腾讯地图的坐标系是基于不同的地理编码服务,它们使用的坐标系统分别是: **高德地图坐标(AMap)**: 高德地图使用的是GCJ-02(GoogleChina02)坐标系统,这是中国的一个自定义坐标系,适用于中国大陆地区,主要用于处理在国内的地理位置数据。如果你有高德地图的坐标,通常是按照这个系统生成的。 **腾讯地图坐标(TencentMap)**: 腾讯地图使用的是BD-09(百度09)坐标系统,也叫做Web Mercator,这是一个世界性的经纬度系统,类似于WGS84,但腾讯进行了本地化处理以适应中国的地形。 如果你需要在两种地图之间进行坐标转换,通常需要调用相应的API或服务,因为直接的坐标转换可能会有偏差。以下是一般的做法: 1. **手动转换**: 如果你手头有一些坐标点并且知道转换公式,可以使用经纬度的转换算法进行计算。但这种方法可能不够精确,特别是对于复杂的地理区域。 2. **使用第三方库**: 有些第三方JavaScript库提供了坐标转换的功能,比如`geohash.js`、`turf.js`等,可以方便地进行高德到腾讯,或者腾讯到高德的坐标转换。 3. **使用官方提供的转换服务**: 高德地图和腾讯地图都提供了坐标转换的API,例如高德地图有`AMap.Geocoder`的`convert`方法,腾讯地图有`coordConverter`工具类的`from_gcj02_to_wgs84`和`from_wgs84_to_bd09`方法,直接调用这些接口即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值