腾讯地图自定义瓦片地图实现

简介: 腾讯地图自定义瓦片地图实现

var imageNW = new TMap.LatLng(39.98506162381882, 116.3060975074768);
      var imageSE = new TMap.LatLng(39.97897813636327, 116.316397190094);
 
      var imageSW = new TMap.LatLng(39.97897813636327, 116.3060975074768);
      var imageNE = new TMap.LatLng(39.98506162381882, 116.316397190094);
 
      var ct2 = new TMap.LatLng((imageSW.lat + imageNE.lat) / 2, (imageSW.lng + imageNE.lng) / 2);
 
 
      var imageLatLngBounds = new TMap.LatLngBounds(imageSW, imageNE);
      var imageGroundLayer = new TMap.ImageGroundLayer({
        bounds: imageLatLngBounds,
        zIndex: 9999,
        opacity: 1,
        src: '你的瓦片图片.jpg',
        map: map
      });
 
      var layerId = imageGroundLayer.getId() // 获取图层ID
      // 根据输入 LAYER_LEVEL 常量调整 layerId 对应图层的渲染层级 ,其中layerId可以通过图层getId方法获取。TMap.constants.LAYER_LEVEL 代表图层级别常量,见帮助文档(https://lbs.qq.com/webApi/javascriptGL/glDoc/docIndexMap)
      map.moveLayer(layerId, TMap.constants.LAYER_LEVEL.TEXT)

腾讯地图贴瓦片自定义在线坐标贴图,移动四个角的坐标跟原地图融合,其实参照的实现跟腾讯官方自定义瓦片贴图原理一样,只是本地进行了一个开发。

地图现在版权信息越来越强,有点纠结要不要用地图。所以准备转为leaflet来实现地图技术,解决商用授权问题。

目录
相关文章
|
缓存 资源调度 JavaScript
瓦片地图的介绍和Vue中使用Openlayer加载瓦片地图的方法使用
瓦片地图的介绍和Vue中使用Openlayer加载瓦片地图的方法使用
2910 0
echarts 柱状图/折线图x轴坐标间隔
echarts 柱状图/折线图x轴坐标间隔
1693 0
|
XML Java 关系型数据库
Spring Boot 异常处理回滚事务详解(自动回滚、手动回滚、部分回滚)
Spring Boot 异常处理回滚事务详解(自动回滚、手动回滚、部分回滚)
4084 0
|
人工智能 运维 Serverless
Serverless GPU:助力 AI 推理加速
Serverless GPU:助力 AI 推理加速
540 1
|
11月前
|
缓存 Android开发 开发者
Flutter环境配置完成后,如何在Android设备上运行Flutter应用程序?
Flutter环境配置完成后,如何在Android设备上运行Flutter应用程序?
1977 62
|
定位技术
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
962 0
|
12月前
|
JSON JavaScript 前端开发
shpfile转GeoJSON;控制shp转GeoJSON的精度;如何获取GeoJSON;GeoJSON是什么有什么用;GeoJSON结构详解(带数据示例)
在使用Openlayers、leaflet、mapbox等地图控件的时候,GeoJSON几乎是不可避免打交道的数据类型,如果您想要从事gis行业相关的开发工作,本篇文章应该能为您带来一些帮助。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
安全 网络协议 Java
【最佳实践系列】高并发调用百炼语音合成大模型
本文介绍了阿里云百炼的CosyVoice语音合成大模型及其高并发调用优化方案。CosyVoice支持文本到语音的实时流式合成,适用于智能设备播报、音视频创作等多种场景。为了高效稳定地调用服务,文章详细讲解了WebSocket连接复用、连接池和对象池等优化技术,并通过对比实验展示了优化效果。优化后,机器负载降低,任务耗时减少,网络负载更优。同时,文章还提供了异常处理方法及常见问题解决方案,帮助开发者更好地集成和使用SDK。
2965 16
|
资源调度 JavaScript API
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
11765 120
|
前端开发 定位技术 API
二、前端高德地图、渲染标记(Marker)引入自定义icon,手动设置zoom
文章介绍了如何在前端使用高德地图API渲染标记(Marker),并引入自定义图标,同时展示了如何手动设置地图的缩放级别。
2210 1

热门文章

最新文章