素材巴巴 > 程序开发 >

OpenLayers加载谷歌地图服务

程序开发 2023-09-11 10:24:59

谷歌地图的地址如下:

谷歌交通地图地址:http://www.google.cn/maps/vt/pb=!1m4!1m3!1i{z}!2i{x}!3i{y}!2m3!1e0!2sm!3i380072576!3m8!2szh-CN!3scn!5e1105!12m4!1e68!2m2!1sset!2sRoadmap!4e0!5m1!1e0,

平面图地址2:http://www.google.cn/maps/vt?lyrs=m@189&gl=cn&x={x}&y={y}&z={z},

影像图地址:http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z},

影像注记层地址:http://www.google.cn/maps/vt?lyrs=h@189&gl=cn&x={x}&y={y}&z={z},

地形图层:http://www.google.cn/maps/vt?lyrs=t@189&gl=cn&x={x}&y={y}&z={z}

代码如下:

var tdtLayer = new ol.layer.Tile({
title: "谷歌矢量地图服务",
source: new ol.source.XYZ({
url: "http://www.google.cn/maps/vt?lyrs=m@189&gl=cn&x={x}&y={y}&z={z}"
})
});

效果如图:

 

转载于:https://www.cnblogs.com/aizai846/p/10649018.html


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。