位置: IT常识 - 正文

前端加载高德离线地图的解决方案(高德加载kml)

编辑:rootadmin
前端加载高德离线地图的解决方案

推荐整理分享前端加载高德离线地图的解决方案(高德加载kml),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:高德地图api离线使用,高德地图web离线,高德加载kml,高德地图怎么加载离线地图,前端调用高德地图,前端调用高德地图,高德加载kml,高德地图web离线,内容如对您有帮助,希望把文章链接给更多的朋友!

核心是需要下载地图瓦片放在本地,脱离在线地图服务,实现离线加载地图。

使用BIGMap工具下载地图离线瓦片到本地 下载地址:http://www.bigemap.com/reader/download/detail201802015.html BIGEMAP GIS Office-全能版

需要注册试用版(免费)

试用版可以下载到16级别的瓦片,单次下载不能超过100M

关于单次下载不能超过100M的问题 想到是否可以分多次框选区域去下载 得出结论是不行 因为分块下载的文件 同级别瓦片的文件名都是一样的 算法是根据瓦片名字去一一对应加载到屏幕相应xy位置上的。

下载瓦片时也可以通过选择行政区域来进行区域的划分

2、但是可以分级别去下载,然后再集成加载。

免费的可以下载谷歌、arcgis、TMS服务的瓦片,我下载的是arcgis服务的高德地图瓦片。

关于地图渲染流程:

电子地图涉及几种坐标系, 每种坐标的计量单位如下:经纬度是球面坐标,我们日常使用经纬度单位的是角度(deg),

在进行投影计算时需要换算为弧度(rad) 墨卡托投影得到的二维坐标单位是米(m);电子屏幕坐标的单位是像素(px)。

前端拿到的地图数据中绝大多数是墨卡托坐标,很小一部分是经纬度坐标。墨卡托或经纬度坐标需要先被换算成屏幕坐标,最后被CSS拼接或WebGL渲染。

加载本地arcgis算法如下:

AMapLoader.load({

key: "", // 申请好的Web端开发者Key,首次调用 load 时必填

version: "2.0", // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15

plugins: ["AMap.Scale","AMap.DistrictSearch"], // 需要使用的的插件列表,如比例尺'AMap.Scale'等

})

.then((AMap) => {

var googleMapLayer = new AMap.TileLayer({

getTileUrl: function (a, b, c) {

前端加载高德离线地图的解决方案(高德加载kml)

var oo = "00000000";

var zz = c;

var z = "L" + zz;

var xx = a.toString(16);

var x = "C" + oo.substring(0, 8 - xx.length) + xx;

var yy = (b - 1).toString(16); //注意此处,计算方式变了

var y = "R" + oo.substring(0, 8 - yy.length) + yy;

return "/arcgis_layers/" + z + "/" + y + "/" + x + ".jpg";

},

opacity: 1,

zIndex: 99,

});

this.map = new AMap.Map("container", {

resizeEnable: true,

expandZoomRange: true,

zoom: 9,

zooms: [9, 13],

layers: [ new AMap.TileLayer(), googleMapLayer],

});

this.map.addControl(new AMap.Scale());

this.map.setCenter([106.976692, 26.236684]); // 中心点坐标

})

.catch((e) => {

console.error(e); //加载错误提示

});

通过算法来加载下载好得离线瓦片,这样就实现了离线地图。

本文链接地址:https://www.jiuchutong.com/zhishi/289787.html 转载请保留说明!

上一篇:html+css制作静态小米商城页面(含css手动轮播图)(css静态网页制作)

下一篇:引用第三方插件到分包中即如何把uni_modules文件夹中的插件放入分包中(第三方库引用)

  • 小企业需要计提法定盈余公积吗
  • 油费补贴计入什么科目
  • 购买摄影器材会计分录
  • 增值税申报表与财务报表不一致
  • 现金流量表和利润表关系
  • 工会经费0.008申报
  • 银行回单卡是什么卡
  • 运输发票备注怎么填
  • 几个月以前发现便血是肠癌吗
  • 房企与个人订立购房合同是否贴花?
  • 耕地占用税的纳税人是谁
  • 工会费可以个税抵扣吗
  • 建筑面积包括分摊建筑面积吗
  • 预付款属于什么结算方式
  • 购买财务软件账务处理规定
  • 公司向股东借款计入什么科目
  • 公司的日常开销开发票怎么写
  • 营改增劳务派遣
  • 预缴时弥补的以前年度亏损是会计亏损吗?
  • 手撕票可以报销么
  • 红字发票通知单已经上传可以作废吗
  • 怎么辨别是非
  • windows11如何
  • 无偿赠送的原材料怎么处理
  • 电脑qq音乐声音小怎么回事
  • 先征后返的会计分录
  • 小规模纳税人申报
  • 新税法中工资薪金的规定
  • linux如何使用
  • 微信公众号开发php源码
  • 初识年岁尚温柔 小说 免费
  • shstart.exe - shstart是什么进程 有什么用
  • PHP:curl_multi_init()的用法_cURL函数
  • 应收账款挂账多年
  • 免费GPU:九天•毕昇平台使用教程
  • easyui分页
  • 餐费计入什么费用
  • 变量与数据
  • linuxshel
  • last命令详解
  • php 银行卡支付
  • 新个人所得税起征点2023
  • 取得企业债券利息
  • html前端开发教程
  • 增值税发票红字发票未抵扣怎么开
  • 收购公司款项的会计处理
  • 防暑降温用品进口品牌
  • 福利费超过多少交税
  • sql server怎么创建约束
  • 养殖类合作社
  • 什么指的是土地面积
  • 怎么才能不开发票
  • 补缴纳税款
  • 棚户区改造国家给政府拨款吗
  • 库存股 注销
  • 手工账本应付账款怎么做
  • 采购材料发票未到
  • 公司固定资产明细表
  • win10系统问题怎么修复
  • 如何进行节约
  • ubuntu18 ssh
  • fedora最新版
  • creative cloud怎么用
  • 磁盘清理win10
  • windowsxp的安装方法
  • hp是什么代码
  • 进程 内核栈
  • PQV2ISECURITY.EXE - PQV2ISECURITY是什么进程 有什么用
  • extjs3 combobox取value和text案例详解
  • node.js视频教程
  • python常见算法
  • unity的monodevelop
  • linux shutdown命令详解
  • 开个人发票有什么好处?
  • 山东省国税局领导分工
  • 纳税申报的具体内容
  • 什么是解放思想?请阐述解放思想和实事求是之间的关系
  • 重庆税务登录
  • 郑州国税发票查询系统
  • 江苏税务如何绑定多家企业账户
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设