高德地图加载谷歌图层

247次阅读

共计 596 个字符,预计需要花费 2 分钟才能阅读完成。

一、创建地图实例

// 地图
var map = new AMap.Map('js_map', {
            zoom: 16,
            center: [116.969942, 31.986335],
            features: ['bg']
        });

二、加载 google 地图切片层

new AMap.TileLayer({
    map: map,
    tileUrl: 'https://mt.google.cn/vt/lyrs=y@142&hl=en&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil', // s=Galil 不加也能渲染
    zIndex: 2 // 在默认层级之上
});

高德地图 API:https://lbs.amap.com/api/javascript-api/reference/map

各参数说明:

1、地址可使用的有

  • https://mt{1,2,3,0}.google.cn {x,y,z,s}
  • https://mt.google.cn
  • https://mt1.google.cn
  • https://mt2.google.cn
  • https://mt3.google.cn

2、lyrs 图层类型

  • m:路线图
  • t:地形图
  • p:带标签的地形图
  • s:卫星图
  • y:带标签的卫星图
  • h:标签层(路名、地名等)

3、h1 语言可选参数

  • zh-CN:中文
  • en:中英

参考链接:
https://blog.csdn.net/qq_18298439/article/details/93328026

正文完
 0