腾讯地图使用谷歌瓦片

示例：http://www.1hwj.net/map/tengxun/map_tx.html

 

参考：Google 地图切片URL地址解析，腾讯与百度地图瓦片规则分析

 // 瓦片
      var earthlayer = new qq.maps.ImageMapType({
                name: 'tentxun',
                alt: 'tentxun',
                tileSize: new qq.maps.Size(256, 256),
                minZoom: 20,
                maxZoom: 20,
                opacity: 1,
                getTileUrl: function (tile, zoom) {
                  console.log('tile',zoom, tile)
                    // var z = zoom,
                    var z = zoom,
                    x = tile.x,
                    y = tile.y;
                    // return 'http://mt2.google.cn/vt/lyrs=y@258000000&hl=zh-CN&gl=CN&src=app&x=214130&y=114212&z=18&s=Ga';
                    return 'http://mt2.google.cn/vt/lyrs=s@258000000&hl=zh-CN&gl=CN&src=app&x='+x+'&y='+y+'&z='+z+'&s=Ga';
                    // return 'https://app.airag.cn/gmaps/maps/vt?lyrs=s@189&gl=cn&x='+x+'&y='+y+'&z='+z;
                }

            });

      //初始化地图绘图工具
      vm.map = new qq.maps.Map(document.getElementById("map-container"), {
        // center: new qq.maps.LatLng(39.916527, 116.397128), //地图的中心地理坐标。

        backgroundColor: "#999", //地图加载时空白的背景颜色
        panControl: false, //停用平移控件。
        zoomControl: false, //停用缩放控件。
        mapTypeControl: false, //停用地图类型控件
        zoom: 14, // 地图的中心地理坐标。

      });
      // 使用谷歌地图瓦片
      vm.map.overlayMapTypes.push(earthlayer);
        // 不能只用谷歌瓦片，因为我们需要projection
        // vm.map.mapTypes.set('AAAAA', earthlayer);
        // vm.map.setMapTypeId('AAAAA');