惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

人人都是产品经理
人人都是产品经理
宝玉的分享
宝玉的分享
小众软件
小众软件
有赞技术团队
有赞技术团队
月光博客
月光博客
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
MyScale Blog
MyScale Blog
Engineering at Meta
Engineering at Meta
Stack Overflow Blog
Stack Overflow Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
N
Netflix TechBlog - Medium
D
Docker
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
MongoDB | Blog
MongoDB | Blog
WordPress大学
WordPress大学
J
Java Code Geeks
罗磊的独立博客
V
Visual Studio Blog
雷峰网
雷峰网
H
Help Net Security
T
The Blog of Author Tim Ferriss
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
大猫的无限游戏
大猫的无限游戏
F
Fortinet All Blogs

Fooleap's Blog

渴望理想 | Fooleap's Blog 19 年底一些事 | Fooleap's Blog 藉秋风,跑起来 | Fooleap's Blog 一个人去跑步 | Fooleap's Blog 8 月的跑量仿佛是那暑假的作业 | Fooleap's Blog 三伏天跑步那么难受,为何还要跑? | Fooleap's Blog 解决小程序开发“当前系统代理不是安全代理” | Fooleap's Blog 忘却配速的夏日跑步 | Fooleap's Blog 六月天时“带水”跑步更爽 | Fooleap's Blog 出来混迟早要还的 | Fooleap's Blog 跑步不能当饭吃 | Fooleap's Blog 将京东移动端详情页链接转为 PC 端 | Fooleap's Blog 不是热就是雨 | Fooleap's Blog 这半月,我跑了 11 个 520 | Fooleap's Blog 跑完流汗一时爽,一直流汗一直爽 | Fooleap's Blog 初夏夜跑 | Fooleap's Blog Electron 中打开 QQ 临时会话 | Fooleap's Blog 春节期间的培隆角 | Fooleap's Blog 从春天跑到夏天 | Fooleap's Blog 晨雾中奔跑 | Fooleap's Blog 漫步春雨中 | Fooleap's Blog 跑在木棉花下 | Fooleap's Blog 我在春节依然坚持跑步 | Fooleap's Blog 伴随着日出跑步 | Fooleap's Blog 没有最好,只有更好 | Fooleap's Blog 电子气温计 | Fooleap's Blog 渡亭小学的金凤花 | Fooleap's Blog 随心而跑 | Fooleap's Blog 2018 跑步小结 | Fooleap's Blog 在 gVim 中使用“非等宽字体” | Fooleap's Blog
高德地图 API 叠加谷歌地图图层 | Fooleap's Blog
fooleap · 2016-08-07 · via Fooleap's Blog

Google Earth 的卫星图一直比国内地图所用的卫星图要新一些,然而 Google 早已不在墙内,中文版的谷歌地图虽能访问,但路网数据各方面并没有国内地图的完善。我就想使用高德地图 API ,加载谷歌的卫星地图图层,并加载高德的路网。

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

再看看高德的文档[2],知道路网图层的类,还是以潮汕为例:

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]&z=[z]&s=Galile'
});//定义谷歌卫星切片图层
var roadNetLayer = new AMap.TileLayer.RoadNet(); //定义一个路网图层
var map = new AMap.Map('map', {
    center: [116.5,23.45], //设置中心点
    zoom: 9, //设置缩放级别
    layers:[googleLayer,roadNetLayer] //设置图层
});

在这里需要说明的是,Google 的切片图层中,lyrs 参数可以是

h = 路网
m = 标准地图
p = 地形图
r = 某种改变的地图
s = 卫星图(无路网)
t = 地形图(无路网)
y = 混合地图(带路网的卫星图)

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

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

参考资料

本文历史

  • 2016 年 08 月 07 日 完成初稿

最近更新

猜你喜欢