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

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

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

目录
相关文章
|
6月前
|
JavaScript 搜索推荐 定位技术
【百度地图2.5D、3D在Vue项目中的使用】嵌入二维百度地图、三维百度地图、多种显示模式风格样式颜色的百度地图
【百度地图2.5D、3D在Vue项目中的使用】嵌入二维百度地图、三维百度地图、多种显示模式风格样式颜色的百度地图
|
移动开发 JavaScript 定位技术
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
360 0
|
数据可视化 前端开发 搜索推荐
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
288 0
|
定位技术
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
314 0
|
6月前
|
IDE 定位技术 开发工具
百度地图如何创建一个属于自己的地图,附加到项目中?
百度地图如何创建一个属于自己的地图,附加到项目中?
115 0
|
定位技术 API 开发工具
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
181 0
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
|
缓存 定位技术 API
百度地图开发-实现离线地图功能 05
百度地图开发-实现离线地图功能 05
646 0
|
缓存 定位技术 开发工具
百度地图开发-与地图的交互功能 06
百度地图开发-与地图的交互功能 06
231 0
下一篇
无影云桌面