怎样在高德地图怎么制作路书上制作旅游路书

高德地图全新升级 旅游路线随心挑选
 作者: 冯伟 编辑:
  【IT168&资讯】近日,国内领先的数字地图内容、导航和位置服务提供商高德推出全新高德地图v7.2.0安卓版本,新版本的高德地图中主要针对应用界面进行了全方位的升级;此外,高德地图还新加入了旅游集锦,让用户更好的享受即将到来的春节长假;新版的高德地图还升级了更加人性化的路线规划算法,力求打造极具快感的全新导航体验,实现更快速、安全、省心的新驾驶方式,帮助用户享受生活、快乐出行。那么,更新之后的高德地图将会给用户带来怎样全新的使用体验呢?来看看小编第一时间的使用心得吧。  交互界面全新改版 地图引擎全面升级  打开新版高德地图,全新改版的界面瞬间进入小编的视野。与上一版本相比,新版高德地图的界面的设计和配色更加清爽,实时路况、导航界面等功能选择与交互也更加直观清晰。  清爽界面操作更便捷  除了清爽界面赋予用户的全新视觉体验,搜索引擎的优化使得高德地图搜索更加流畅便捷。从上图中可以看出,全方位的地图展示更加清晰明了,而在界面切换、路线规划、地点定位等方面则更加顺畅。  值得一提的是,新版本的高德地图在离线地图包上也下了一些工夫,与上一代产品相比,每一个城市的离线地图包都进行了大幅压缩,使得用户在下载时更省流量,也在一定程度上降低了用户空间的压力。  下载更省流量,节省更多空间  新增旅游集锦 商圈生活服务再丰富  新版本的高德地图添加了旅游集锦功能,该功能主要包括热门城市旅游路线选择以及“附近”新增商圈查询两方面。旅游集锦功能允许用户一键切换热门旅游城市,并向用户展示当地最经典的旅游路线,供您随心挑选。对于计划在即将到来的春节长假出行的朋友们来说,可能不必在花时间提前计划旅游的路线。打开地图即可轻松完成最佳旅游地点的选择,是不是方便又贴心呢?  一键切换热门旅游城市,经典路线随心挑  在新版的高德地图中,还新增了“商圈查询”功能,该功能能够分时段的为用户提供如餐饮美食、休闲娱乐、酒店住宿等信息,衍生出的在线订座、一键导航等功能更能成为如今“懒癌”患者的一道福音,使用户更加轻松地享受生活。  分时段提供生活信息,在线订座,一键导航,细致服务更贴心  公交、步行导航规划优化 地铁图功能更强大  公交、步行导航在此前一直是高德力推的功能,高德地图不仅能为用户有效规划最佳乘车路线,还能在步行、公交以及多种交通工具聚合线路的起始、换乘及到达终点前都会有提示,并从头至尾进行提醒、指引,极大减少用户不便。高德公交导航在整个路途全程进行公交提醒,可以对用户产生与汽车导航一样的全程无缝导航的过程。此次版本升级在公交导航方面着重优化了方案的排序,新版本中规划出的方案排序更合理,详情展示也更加清晰;在步行导航方面,全新的规划引擎能够在用户行走过程中实时调整路线规划,妈妈再也不用担心您走错路啦。  方案排序更合理,详情展示更清晰  此外,在此次高德地图版本升级中还优化了地铁图的显示,能够精准定位你现在的位置,并显示出离你最近的地铁站的位置。虽然由于前段时间地铁涨价使得不少上班族望而却步,但每天通过地铁上下班的土豪仍不在少数。因此,高德地图的地铁图还是可以为用户带来很多的便利。  提示距离最近地铁站,选择更加方便  如今,互联网地图产品的竞争愈演愈烈,准确、方便以及用户体验是衡量厂商综合实力的三把标尺。此前的高德凭借在地图数据领域长达12年的耕耘,使高德地图拥有最精准和庞大的地图数据,并基于此为用户提供“全、准、智(智能)、真”导航服务。随着此次v7.2.0版本的更新,让我们看到了高德是站在用户的角度对产品进行不断地开发与优化,也希望今后的高德地图能够给用户带来新的惊喜。据了解,高德地图7.2.0安卓版本已经在高德地图官网以及各大应用商店上线,安卓用户即日起就可以下载使用,而高德地图7.2.0 iOS版本也已经提交苹果App Store审核,将于未来一周左右时间正式登录苹果应用商店,苹果用户也将于不久就可以使用到最新的7.2.0版本的高德地图。&旅行的梦想并不遥远,只要一颗流浪四方的心。&&&唐人立。
最早认识唐人立的时候,他还是大二的学生。他独自完成了&南京20年规划地图&。几年前,他完成了自己的第一本著作,逃学去旅行《一个人走世界&&大学4年200城的旅行》。而现在,他正执行着他的&辞职去旅行&计划。他好心的老板还多给他发了一个月的工资。从南京,到台湾,从曼谷到斯里兰卡&&2个月来,唐人立走过太多地方。是他原创的图片和文字,让我渐渐对自助游产生了兴趣,并决定记录下旅游的每一刻。
于是,我开始着手制作了这个旅行地图。可能它还不够完善,但的确它能给我们带来太多的正能量。希望有越来越多的人,能够用这种方式,去记录自己的旅途。THX。
代码其实很简单,简单的地图展示,简单的覆盖物,简单的信息窗口。
你要做的,其实只是申请一个key:
然后将下面的代码复制到你的网站上,并使用你自己的key。
第一步、地图展示
中心点坐标可以通过坐标拾取工具来找:
地图级别在国内建议12-18,国外建议在4-6.
//初始化地图对象,加载地图
function mapInit(){
mapObj = new AMap.Map("iCenter",{center:new AMap.LngLat(121..239637),
level:17});
addBuildings();
第二步、添加覆盖物
覆盖物,就是marker,这里用的默认的覆盖物。蓝色的,挺好看。
//实例化点标记
function addMarker(){
marker=new AMap.Marker({
icon:"/images/marker_sprite.png",
position:new AMap.LngLat(116..907761)
marker.setMap(mapObj);
//在地图上添加点
第三步、添加信息窗口
信息窗口用了自定义信息窗口,因为觉得兰蓝色的比较好看。
自定义信息窗口,分为3个部分,头,中间,尾巴。
关闭按钮也可以使用自定义图片。
//构建自定义信息窗体
function createInfoWindow(title,content){
var info = document.createElement("div");
info.className = "info";
// 定义顶部标题
var top = document.createElement("div");
top.className = "info-top";
var titleD = document.createElement("div");
titleD.innerHTML =
var closeX = document.createElement("img");
closeX.src = "/images/close2.gif";
closeX.onclick = closeInfoW
top.appendChild(titleD);
top.appendChild(closeX);
info.appendChild(top);
// 定义中部内容
var middle = document.createElement("div");
middle.className = "info-middle";
middle.innerHTML =
info.appendChild(middle);
// 定义底部内容
var bottom = document.createElement("div");
bottom.className = "info-bottom";
var sharp = document.createElement("img");
sharp.src = "/images/sharp.png";
bottom.appendChild(sharp);
info.appendChild(bottom);
第四步、结果面板
结果面板只要是为了鼠标放在上面时,可以打开相应的信息窗口。
HTML结构:
&li&&a href="javascript:void(0);" onmouseover="myOpen2();"&曼谷&/a&&/li&
&li&&a href="javascript:void(0);" onmouseover="myOpen();"&斯里兰卡&/a&&/li&
信息窗口展开代码:
function myOpen(){
infoWindow.open(mapObj,marker.getPosition());
function myOpen2(){
infoWindow2.open(mapObj,marker2.getPosition());
--------------------------------------------------------------------------
全部源代码:
&!DOCTYPE HTML&
&meta http-equiv="Content-Type" content="text/ charset=utf-8"&
&title&逃学去旅行&/title&
&!-- 页面布局样式 --&
&link rel="stylesheet" type="text/css" href="/Public/css/demo.Default.css" /&
&script language="javascript" src="/maps?v=1.2&key=【您的key】"&&/script&
#iCenter{float:left;width:<span style="background-color: #f5f5f5; color: #px;height:<span style="background-color: #f5f5f5; color: #px;}
.infobox{float:left;width:<span style="background-color: #f5f5f5; color: #px;height:<span style="background-color: #f5f5f5; color: #px;text-align:center;padding:10px 0;background:#efefef;}
.infobox h1{margin:<span style="background-color: #f5f5f5; color: # 20px;}
.infobox li a{text-decoration:none;font-size:20px;width:<span style="background-color: #f5f5f5; color: #%;display:block;padding:30px 0;border:1px dashed #ccc;border-width:1px 0;}
.infobox li a:hover{background:#ccc;}
&body onLoad="mapInit()"&
&div id="iCenter"&&/div&
&div class="infobox"&
&h1&逃学去旅行2&/h1&
&li&&a href="javascript:void(0);" onmouseover="myOpen2();"&曼谷&/a&&/li&
&li&&a href="javascript:void(0);" onmouseover="myOpen();"&斯里兰卡&/a&&/li&
&script language="javascript"&
var mapObj,toolB
var marker,marker2;
//初始化地图对象,加载地图
function mapInit(){
mapObj = new AMap.Map("iCenter",{center:new AMap.LngLat(88.505859,21.371244),level:4});
//地图中添加地图操作ToolBar插件
mapObj.plugin(["AMap.ToolBar"],function(){
toolBar = new AMap.ToolBar();
mapObj.addControl(toolBar);
//地图初始化时,在地图上添加一个marker标记,鼠标点击marker可弹出自定义的信息窗体
addMarker();
//添加marker标记
function addMarker(){
mapObj.clearMap();
marker = new AMap.Marker({
map:mapObj,
position:new AMap.LngLat(79.914551,6.871893), //位置-斯里兰卡
icon:"/images/0.png" //复杂图标
marker2 = new AMap.Marker({
map:mapObj,
position:new AMap.LngLat(100.546875,13.731381), //位置-曼谷
icon:"/images/0.png" //复杂图标
AMap.event.addListener(marker,'mouseover',function(){ //鼠标点击marker弹出自定义的信息窗体
infoWindow.open(mapObj,marker.getPosition());
AMap.event.addListener(marker2,'mouseover',function(){ //鼠标点击marker弹出自定义的信息窗体
infoWindow2.open(mapObj,marker2.getPosition());
//实例化信息窗体
var infoWindow = new Window({
isCustom:true,
//使用自定义窗体
content:createInfoWindow('斯里兰卡&&&span style="font-size:11color:#F00;"&采茶人&/span&',"&img src='taoxue_1.jpg' style='width:92float:margin:0 5px 5px 0;'&&img src='taoxue_2.jpg' style='width:92float:margin:0 5px 5px 0;'&&img src='taoxue_3.jpg' style='width:92float:margin:0 5px 5px 0;'&尽管斯里兰卡人民并不富裕,但是他们对生活很满足。每一个微笑的斯里兰卡人的脸上,更多的是他们对待生活的热情。&a href='/'&@唐人立逃学去旅行&/a&"),
size:new AMap.Size(300, 0),
offset:new AMap.Pixel(0, -50)//-113, -140
var infoWindow2 = new Window({
isCustom:true,
//使用自定义窗体
content:createInfoWindow('曼谷&&&span style="font-size:11color:#F00;"&泰国泼水节&/span&',"&img src='taoxue_7.jpg' style='width:92float:margin:0 5px 5px 0;'&&img src='taoxue_6.jpg' style='width:92float:margin:0 5px 5px 0;'&&img src='taoxue_5.jpg' style='width:92float:margin:0 5px 5px 0;'&如果说青春是一场说走就走的旅行,那么泰国的泼水节才更好地诠释着什么是青春。一起疯狂吧!&a href='/'&@唐人立逃学去旅行&/a&"),
size:new AMap.Size(300, 0),
offset:new AMap.Pixel(0, -50)//-113, -140
//构建自定义信息窗体
function createInfoWindow(title,content){
var info = document.createElement("div");
info.className = "info";
// 定义顶部标题
var top = document.createElement("div");
top.className = "info-top";
var titleD = document.createElement("div");
titleD.innerHTML =
var closeX = document.createElement("img");
closeX.src = "/images/close2.gif";
closeX.onclick = closeInfoW
top.appendChild(titleD);
top.appendChild(closeX);
info.appendChild(top);
// 定义中部内容
var middle = document.createElement("div");
middle.className = "info-middle";
middle.innerHTML =
info.appendChild(middle);
// 定义底部内容
var bottom = document.createElement("div");
bottom.className = "info-bottom";
var sharp = document.createElement("img");
sharp.src = "/images/sharp.png";
bottom.appendChild(sharp);
info.appendChild(bottom);
//关闭信息窗体
function closeInfoWindow(){
mapObj.clearInfoWindow();
function myOpen(){
infoWindow.open(mapObj,marker.getPosition());
function myOpen2(){
infoWindow2.open(mapObj,marker2.getPosition());
页面地址:
阅读(...) 评论()我的十一行程
11-04 17:56
十一我想去
10-30 08:44
十一我想去
10-30 08:40
十一我想去
10-26 13:35
十一我想去
10-25 21:41
十一我想去
10-25 21:33
十一我想去
10-25 20:19
十一我想去
10-25 18:55
十一我想去
10-25 17:16
十一我想去
10-25 16:37
十一我想去
高德地图十一自驾路线推荐
最浪漫自驾路线大香格里拉
在这个川、滇、藏交界的广大区域内,有着相似的自然景观和人文上的共同点。美丽的大香格里拉,令人流连忘返。迷恋不已。这是一方“人间最殊胜的净土”。
路线:成都—稻城—梅里雪山—香格里拉—丽江—昆明
最行摄自驾路线甘南川西行
这里能够让旅行家找到跋涉的诱惑,让文学家找到创作的富矿,让艺术家找到灵魂的源泉。从兰州出发,细细品味甘南川北的种种特色,然后走近壮观的都江堰工程,感受青城山的仙风道骨,最后慢慢地靠近蓉城成都。
路线:兰州—拉卜楞寺—郎木寺—若尔盖—九寨沟—都江堰—成都
最民族自驾路线山西陕西行
一条线贯穿了中华文明从树冠到树根的整个脉络。经平遥古城、乔家大院、壶口瀑布、党家村、古城西安、黄陵和延安,最后回到北京,一条线下来,你将几乎看到整个中华民族的演绎和进程。
路线:北京—太原—平遥—壶口—延安—西安
最文艺自驾路线水乡古镇自驾车
水乡有诗,水乡有文,水乡有史,水乡更有各种传说。每个水乡不管方圆大小都有其悠远的历史,小桥流水人家有着丰富的文化底蕴。在假日或某个其他机会偶尔来到江南小镇,踏在雨后街石上的清空声音中,放佛走进一种清空的启悟之中。
路线:上海—角直—同里—周庄—南浔—西塘
最休闲自驾路线椰风海南行
有时候人就需要一种成就感来鼓励自己,不妨在这个假日去趟海南岛,租辆车,从海口出发,一路南行。如果是敞篷车,如果你不怕阳光,那你就会像许多 MTV中的明星一般,驾车从椰林旁飞驰而过,在海边感受海风……
路线:海口—文昌—万宁—三亚
最文化自驾路线自驾中原
中原自古以来经济发达,道路宽阔,可以方便地在邻近的城市之间穿梭。尽管现在这里的经济不再像历史上那般辉煌,但是交通依旧十分便利,自驾车到中原大地,把新城郑州、古城开封、古都洛阳、中岳嵩山和大少林寺来个一览无余,登上黄河大堤,亲近母亲之河,感受中原黄河跳动的脉搏。
路线:洛阳—嵩山—郑州—开封
我的自驾游记
十一去自驾
赢取旅行大奖
两种玩法,随你选:
·在地图上标记自己的十一行程,或者在推荐路线上标记“去过”、“想去”的路线。
·发表自驾游记,不管你自驾去了哪儿,上传你的自驾游记。
我们将随机抽取参与活动的蜂蜂,赢得马尔代夫双飞机票、微单数码相机等大奖。
自驾游记大奖
奖品:马尔代夫双飞机票,上传自驾游记,并分享到高德社区,即有机会获得。
标记小能手
奖品:微单数码相机,标记自己的十一行程或者“去过”、“想去”的路线,我们将随机抽取。
奖品:充电宝或手机支架 参与活动即有机会获得。
奖品:蚂蜂窝旅行“纪念诗”
京公网安备号
新出网证(京)字242号 全国统一客服电话:

我要回帖

更多关于 高德地图怎么做路书 的文章

 

随机推荐