高德地图学习---在高德地图图层上使用google的卫星图

最新推荐文章于 2023-08-21 17:53:59 发布
最新推荐文章于 2023-08-21 17:53:59 发布
阅读量4.1k 收藏 6
点赞数
分类专栏： 高德地图学习

公司要做一个项目要用到卫星图，但是高德地图提供的卫星图有很多地方由于权限问题还有等等一系列问题是显示不全的，拉到比较偏远的地方就显示不了了，而且清晰度也不够，研究了一下并且在网上查看了好多文章之后发现Google地图的卫星图比高德的好用很多，而且由于是墙外的所以没有那么多显示不全的问题，但是操作上没有那么方便，毕竟是墙外，于是我用了高德地图的API，去叠加Google地图的卫星图层

这个需求用高德地图 API 很好实现，高德也有相关示例，只需叠加谷歌的卫星图层再叠加高德地图的路网图层便可

<!doctype html >
< html >
< head >
< meta charset= "utf-8" >
< meta http-equiv= "X-UA-Compatible" content= "IE=edge" >
< meta name= "viewport" content= "initial-scale=1.0, user-scalable=no, width=device-width" >
< title > </ title >
< link rel= "stylesheet" href= "http://cache.amap.com/lbs/static/main1119.css" />
< script src= "http://webapi.amap.com/maps?v=1.4.6 & key=您申请的key值" > < / script >
< script type= "text/javascript" src= "http://cache.amap.com/lbs/static/addToolbar.js" > < / script >
</ head >
< body >
< div id= "container" ></ div >
< script >
var googleMapLayer = new AMap. TileLayer({ //图层
getTileUrl: 'http://mt{1,2,3,0}.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x=[x]&y=[y]&z=[z]&s=Galile'
});
    var map = new AMap. Map( 'container', {
resizeEnable: true,
center: [ 116.397428, 39.90923],
zoom: 13,
layers: [ googleMapLayer]
});

< / script >
</ body >
</ html >

谷歌地图中国部分和高德地图一样使用火星坐标，所以不需要进行纠偏。

在这只是简单的示例，需要更复杂的实现可以查看官方文档，设置相应的属性及方法

qq_32429899
关注
专栏目录
高德地图加载谷歌图层
张梓彬的博客
07-10 2452
private void init() { final String url = "http://mt0.google.cn/vt/lyrs=y@198&amp;hl=zh-CN&amp;gl=cn&amp;src=app&amp;x=%d&amp;y=%d&amp;z=%d&amp;s="; TileProvider tileProvider = new UrlTileProvi...
使用高德api的tileoverlay层显示谷歌地图
野生的世界
03-15 8852
使用高德api的tileoverlay层显示谷歌地图 优点： 1、可以显示目前被墙的谷歌地图，国内无法使用google api 2、准确度看无定位误差，可使用高德定位SDK，可能和谷歌在中国使用的是高德数据源有关
高德地图api使用
seimeii的博客
11-30 370
1、添加图层 var trafficLayer = new AMap.TileLayer.Traffic({ zIndex: 10 }); map.add(trafficLayer);//添加图层到地图
高德地图添加谷歌图层
WangXF_CSDN的博客
04-18 3387
转载https://www.jianshu.com/p/00918e060913 添加RemoteOverlay瓦片图层的方式实现。具体代码为： void addRemoteOverlay() { final String url = "https://mt3.google.cn/maps/vt?lyrs=y@194&hl=zh-CN&gl=cn&a...
高德地图叠加google的地图图层
松松面包的博客
02-22 6163
高德地图叠加谷歌地图图层 var google = null; google = new AMap.TileLayer({            zIndex:70,            //图块取图地址             tileUrl:'https://mt{1,2,3,0}.google.cn/vt/lyrs=m@142&hl=zh-CN&gl=cn&x=[x]&y=[y]
高德地图打开卫星地图(高德地图设置方法)
热门推荐
兔子学前端
08-05 1万+
在卫星上鸟瞰地球是什么样子？不仅可以用谷歌地图。高德地图应用程序也可以。打开卫星地图后。非常震撼的立体视觉可以展现在大家的眼前。包括周边路线、建筑物等。看街景更方便 高德地图如何打开卫星地图 1.进入高德地图界面。不用切换到个人主页。直接点击右上角进入设置 2.上方可以选择地图类型。一般是默认的标准模式。以平面视觉为主 3.点击切换到卫星地图。就可以看到卫星拍摄下的城市全貌了 4.设置完成后直接返回主页面就可以使用了 ...
android使用谷歌地图，利用高德地图加载瓦片图层
11-04
本篇将深入探讨如何在Android应用中使用谷歌地图API以及如何利用高德地图的数据资源来加载自定义的瓦片图层。这种技术通常用于显示特定区域的高精度地图、卫星图像或者自定义的地图样式。 首先，我们要了解谷歌地图...
ArcGIS地图插件，可以加载高德地图、OMS地图、谷歌、天地图等多种地图
05-15
本话题主要关注的是ArcGIS的一个特殊功能——地图插件，特别是那些能加载高德地图、OMS地图、谷歌地图和天地图等第三方地图服务的插件。 首先，我们来了解地图插件的作用。地图插件是为了扩展ArcGIS的功能，提供...
leaflet-tileLayer-baidugaode:leaflet 加载百度瓦片地图图层 以及高德 、天地图等国内常用地图
05-22
Leaflet加载国内百度、高德、谷歌、天地图等地图 加载百度地图 //注意将map的crs赋值 crs: L.CRS.Baidu 详情请阅读示例页面 var map = L.map('map', { crs: L.CRS.Baidu, minZoom: 3, maxZoom: 18, ...
Cesium 常用地图纠偏 百度、高德、Arcgis、腾讯地图纠偏
04-10
Cesium 常用地图纠偏 百度、高德、Arcgis、腾讯地图纠偏 资源预览:http://dongnan185.com:8083/videos/jiupian.mp4 启动:npm i npm run serve
Android高德加载谷歌卫星瓦片,并缓存本地
05-30
Android的关于高德地图加载谷歌瓦片,并缓存本地的功能. 以及加载多个Marker的title都显示在地图的Demo. Android studio 3.0
MapDownloader.zip_gmap 下载 切片_gmdb 离线地图_离线地图切片_谷歌地图下载_高德离线地图
07-15
地图切片下载器，支持谷歌、百度、高德等地图，可以转换数据实现离线地图发布
高德地图js api添加自定义底图切换，添加谷歌影像底图
baidu_16250655的博客
06-13 3806
//初始化地图 function initMapNew(){ //定义谷歌卫星切片图层 var googleLayer = new AMap.TileLayer({ getTileUrl: 'http://mt{1,2,3,0}.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x=[x]&y=[y]&...
android谷歌卫星地图,高德地图安卓端实现卫星地图路网功能
weixin_35129495的博客
05-25 915
项目需求场景——绘制地块时需要显示卫星地图，还要显示路网信息遇到的问题——目前高德地图只提供两种地图类型：AMap.MAP_TYPE_NORMAL 普通地图AMap.MAP_TYPE_SATELLITE 卫星地图前者提供了丰富的路网信息和建筑地标等信息，但是无法满足我们的卫星地图需求。普通地图——包含路网和建筑地标等信息后者除了卫星地图之外不提供任何额外信息卫星地图——毛都没有解决方案——我尝...
高德API和ArcGIS JS API加载谷歌影像服务(最高级别为z=20,影像坐标为GCJ02)
傲骨雄风的博客
03-31 1832
一、高德api加载谷歌地图示例： https://lbs.amap.com/api/javascript-api/guide/layers/wms 但是不知道为什么加载的是矢量数据，我们不妨换下别的谷歌影像url改下试试 //创建自定义切片图层，指定 getTileUrl 属性 var googleLayer = new AMap.TileLayer({ getTileUrl: 'h...
高德地图通过AMap.TileLayer添加天地图卫星图层
asheng6的博客
08-21 1022
参数T：选择天地图需要显示的图层tk:自己申请的key
高德地图加载谷歌地图瓦片
qq_42072638的博客
08-17 7551
安卓加载谷歌地图简介技术路线实现步骤
学会在Vue项目中插入高德地图JS API与地图的相关设置，看这一篇就够了~（保姆级精简教学）
bsegebr的博客
03-02 1616
高德地图API官网：高德开放平台 | 高德地图API。由于博主是基于前端 Vue 框架进行开发的，所以针对地图 JavaScript API****结合 Vue 展开介绍。 一、案例效果 二、开发准备 需要注意想要使用 JS API 必须注册账号并获取 key 值。 1. 注册高德开放平台账号 正常输入个人信息注册即可。 2. 创建应用添加 key 值 注册成功之后，进入控制台，然后点击创建新应用； 填写名称应用名称和类型之后就可以看到已创建的应用了； 接下来点击“添加”为应用添加 key 值
微信Java开发工具包，支持包括微信支付、开放平台、公众号、企业微信、视频号、小程序等微信功能模块的后端开发
最新发布
11-15
微信Java开发工具包，支持包括微信支付、开放平台、公众号、企业微信、视频号、小程序等微信功能模块的后端开发。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值