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

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

时间:2023-06-29 21:03:43浏览次数:41  
标签:map 12 地图 createCustomerTiledLayer 离线 3420 地址 com

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');

产生如下图的问题:

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

请求地址如下:

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, 如下图:

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

改成如下:

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

地图正常显示:

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

地址正常了,如下:

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

标签:map,12,地图,createCustomerTiledLayer,离线,3420,地址,com
From: https://blog.51cto.com/moonfdd/6585333

相关文章

  • 记录--写一个高德地图巡航功能的小DEMO
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助风格设置加载地图使用AMapLoader.load加载地图,从 控制台  申请一个属于自己的keyimportAMapLoaderfrom'@amap/amap-jsapi-loader';...constAMap=awaitAMapLoader.load({"key":"您自己申请的......
  • vue高德地图实现播放暂停功能,支持快进快退,播放倍数设置
    高德地图实现具体功能如图具体实现思路如下:<divclass="playAnimation"><tablewidth="100%"style=""border="0"><trclass="info_play"><td>{{currentMi......
  • 003-Leaflet-各地图切换
    一、代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="......
  • django离线脚本的使用(就是需要借助django的功能,然后写一些脚本)
    在django中,我们可以创建一些离线脚本,它的意思是我们并没有启动django服务,而只是运行了django的一些配置以便我们在脚本里完成一些,需要django环境支持的脚本操作下面是详细用法:#启动djangoimportosimportsysimportdjango#首先,一定要把当前项目的路径加到python模块搜......
  • 离线安装mysql报错解决方法:/usr/sbin/mysqld: error while loading shared libraries:
    Linux:centos7.664位mysql:5.6使用离线方式安装:rpm-ivh--nodepsmysql*,执行systemctlstartmysqld.service发现启动不了,通过vi/var/log/mysql.log看到如下关键字:libraries:libaio.so.1,之前也是按照网上帖子各种修改都没有解决问题,详细报错如下:/usr/sbin/mysqld:error......
  • 讯飞离线语音合成新版(Aikit)-android sdk合成 demo(Java版本)
    前言:科大讯飞的新版离线语音合成,由于官网demo是kt语言开发的,咱也看不懂kt,搜遍了全网也没看到一个java版的新版离线语音demo,现记录下,留给有缘人参考!!!!!毕竟咱在这上面遇到了不少的坑。如果能留言指正,那就更好了。第一步:​ 官网注册账号---》实名认证---》点击语音合成---》离线语音......
  • Jenkins离线安装插件
    摘自:https://blog.csdn.net/ukaorz/article/details/127735276phi插件下载通过如下Link访问插件地址官方Jenkins插件清华https://mirrors.tuna.tsinghua.edu.cn/jenkins/plugins/ 在这里搜索你要下载的插件名称如:搜索theme来查找simpletheme 根据自己的Jenkins服务器的......
  • Linux离线安装Docker
    Docker离线安装包下载:https://download.docker.com/linux/static/stable/x86_64/解压docker软件压缩包:tar-zxvfdocker-20.10.9.tgz把docker文件里面的内容复制到bin目录下:cpdocker/*/usr/bin 在/etc/systemd/system或者/usr/lib/systemd/system目录下创建3个服务......
  • 高德地图动态Marker和自定义弹框、交互事件、中心点跳转
    高德地图vue3使用下载NPM:npmi@amap/amap-jsapi-loader--save根据官网提示,VUE3需要改变监听模式下载npmi@vue/reactivity组件内配置初始化<scriptsetup>//开发技术vue3piniatsimport{ref}from"vue";importAMapLoaderfrom"@amap/amap-jsapi-loa......
  • 使用arcgispro将shp格式地图转换为移动端使用的geodatabase格式数据
    使用arcgispro将shp格式地图转换为移动端使用的geodatabase格式数据导入完成......