openlayers4加载百度地图、百度影像图、谷歌地图、谷歌影像图

最新推荐文章于 2024-09-18 16:29:14 发布

aodao8891

最新推荐文章于 2024-09-18 16:29:14 发布

阅读量1.2k

点赞数

原文链接：http://www.cnblogs.com/dqygiser/p/9215835.html

版权

本文详细介绍了如何利用OpenLayers4库加载百度地图、百度影像图、谷歌地图和谷歌影像图，提供了相关代码示例，适合需要在Web应用中集成这些地图服务的开发者参考。

摘要由CSDN通过智能技术生成

// 自定义分辨率和瓦片坐标系
    var resolutions = [];
    var maxZoom = 18;
    // 计算百度使用的分辨率
    for (var i = 0; i <= maxZoom + 1; i++) {
        resolutions[i] = Math.pow(2, maxZoom - i);
    }
    var tilegrid = new ol.tilegrid.TileGrid({
        origin: [0, 0], // 设置原点坐标
        resolutions: resolutions // 设置分辨率
    });
    // 创建百度行政区划
    var baiduSource = new ol.source.TileImage({
        tileGrid: tilegrid,
        tileUrlFunction: function(tileCoord, pixelRatio, proj) {
    
            var z = tileCoord[0];
            var x = tileCoord[1];
            var y