gmap构建离线地图,用createCustomerTiledLayer方法,瓦片地址尾部多了 ?x={x}&y={y}&z&{

举报
福大大架构师每日一题 发表于 2023/06/29 20:47:10 2023/06/29
【摘要】 gmap构建离线地图,用createCustomerTiledLayer方法,瓦片地址尾部多了 ?x={x}&y={y}&z&{z} 导致无法显示地图。 function initMap() { this.map = new GL.Map('map', { center: "120.650847,31.3092434", zoom:...

gmap构建离线地图,用createCustomerTiledLayer方法,瓦片地址尾部多了 ?x={x}&y={y}&z&{z} 导致无法显示地图。

      function initMap() {
        this.map = new GL.Map('map', {
          center: "120.650847,31.3092434",
          zoom: 12,
          zoomControl: false,
          scaleControl: false
        });

        var customTileLayer = GL.LayerLookup.createCustomerTiledLayer('http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', {
          minzoom: 5,
          maxzoom: 18,
          tilesize: 256,
          tms: true
        });

        // 将自定义瓦片图层添加到地图上
        this.map.addBaseLayer(customTileLayer);

      }
      
      GL.init(initMap, 'conf.json');

产生如下图的问题:

在这里插入图片描述

请求地址如下:

http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x=3420&y=1671&z=12?z=12&y=1671&x=3420

这地址尾部明显不对,需要修改 https://rd.sz-map.com/libs/tiledLayerExtends/gm.TiledLayerExtends-2.0.min.js 这个js文件的源码。

把 return n+="?z={z}&y={y}&x={x}", 改成 return n, 如下图:

在这里插入图片描述

改成如下:

在这里插入图片描述

地图正常显示:

在这里插入图片描述

地址正常了,如下:

http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x=3420&y=1671&z=12

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。