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

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

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来实现地图技术,解决商用授权问题。

目录
相关文章
|
5月前
|
存储 JavaScript 小程序
高德地图实现点聚合功能的详细步骤加截取地图图片 (附源码)
高德地图实现点聚合功能的详细步骤加截取地图图片 (附源码)
108 0
|
5月前
|
JavaScript 搜索推荐 定位技术
【百度地图2.5D、3D在Vue项目中的使用】嵌入二维百度地图、三维百度地图、多种显示模式风格样式颜色的百度地图
【百度地图2.5D、3D在Vue项目中的使用】嵌入二维百度地图、三维百度地图、多种显示模式风格样式颜色的百度地图
|
数据可视化 前端开发 搜索推荐
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
269 0
|
定位技术
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
286 0
|
移动开发 JavaScript 定位技术
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
331 0
|
5月前
|
IDE 定位技术 开发工具
百度地图如何创建一个属于自己的地图,附加到项目中?
百度地图如何创建一个属于自己的地图,附加到项目中?
99 0
|
定位技术
百度地图开发(8):地图覆盖物实现纵横交错的交通网络
百度地图开发(8):地图覆盖物实现纵横交错的交通网络
44 0
百度地图开发(8):地图覆盖物实现纵横交错的交通网络
|
定位技术 API 开发工具
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
176 0
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
|
定位技术 API
百度地图API : 自定义标注图标
百度地图API : 自定义标注图标