位置: 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文件夹中的插件放入分包中(第三方库引用)

  • 销售不动产税率9%还是5%
  • 个体户开电子税务局流程
  • 为什么要交税钱
  • 生产部的管理人员简介范文
  • 增值税征税范围中销售应税服务包括什么服务
  • 城建税少申报了怎样罚款
  • 电子发票限额多了怎么办
  • 多计提公积金怎么办理
  • 个人所得税补交税
  • 奖品偶然所得个税如何申报
  • 工程前期土地平整的会计分录怎么写?
  • 工程项目垃圾清运项目编码
  • 税务局每年都会大数据抽查吗
  • 小规模纳税人开专票
  • 房地产开发企业资质管理规定
  • 安保服务费税率几个点怎么算
  • 怎么通过合并弥补亏损,使得利益最大化?
  • 垃圾填埋沼气发电招聘
  • 固定资产可以一次计入费用吗
  • 存货相关的会计科目
  • 现金折扣发票如何开具
  • 会计调账有哪些方式
  • 出口报关单中有哪些内容
  • 银行增值税免税收入有哪些
  • 因质量问题扣款协议
  • 苹果手机搜不到airpods
  • 事业单位授权支付可以取现吗
  • 电脑图标怎么在下面显示
  • 电子承兑汇票怎么用
  • 无形资产一般采用直线法摊销也可采用加速法进行摊销
  • 投资入股的无形资产要摊销吗
  • 营业外支出是否需要发票
  • 公司股权变更后税务没有变更会有什么后果
  • win10网络带宽
  • 帮公司垫付的钱怎么要
  • 房产增值税计算公式2022最新
  • 应收票据贴现的会计分录
  • gain_trickler_3202.exe 进程查询 gain_trickler_3202进程是什么文件
  • wordpress portfolio
  • 房地产销售老项目增值税
  • echarts y轴设置
  • gym版本和render函数
  • java编程入门基础教程
  • 命令行窗口
  • Python列表元素的删除
  • 销项税大于进项税当月交税吗
  • 增值税专用发票电子版
  • 两免三减半取消了吗
  • db2profile
  • 航空电子客票行程单是发票吗
  • 养殖类合作社
  • 发票冲红字蓝字怎么处理
  • 安全生产费实际发生
  • 房屋出租收入计入
  • 房地产开发企业会计制度
  • 不能抵扣的普通发票如何做分录
  • 交易性金融资产的账务处理
  • 补助资金如何做账
  • 企业购入材料收到供货单位开具的发票
  • 出口转内销增值税报表怎么填
  • 核定征收需要什么资料
  • 收回已转销的应收账款而恢复的坏账准备
  • 帐薄和账簿区别
  • mysql根据时间查询最新一条数据
  • 怎么验证触发器的执行
  • 一条sql语句搞定一个数据
  • 如何屏蔽网络?
  • win8系统自带应用都打不开了怎么办
  • win7搜索选项
  • win10一年更新几次
  • win7如何整理磁盘
  • vsftp命令
  • js代码规范
  • 一周总结家长寄语
  • dos命令怎么输入命令
  • pulls toward
  • python的排序方法
  • python3 heapq
  • 国税总局北京税务局
  • 企业可以享受哪些政策优惠
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设