一、序言

毕业后带着我的小可爱一起去东北游玩了一趟，后面还跟她一起去河南很多景点玩了一趟，想要将我们的行程通过可视化的方法展现出来，作为纪念，下面介绍通过调用百度api的方法，绘制旅游路线图。

二、资料准备

1、旅游地点的经纬度坐标；
2、HTML的基本知识。

三、源代码

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><title>添加弧线</title><script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=您的百度地图api"></script><script type="text/javascript" src="//api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script><style type="text/css">html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:"微软雅黑";}</style>
</head>
<body>
<div style="width:100%;height:100%;border:1px solid gray" id="container"></div>
</body>
</html>
<script type="text/javascript">// 百度地图API功能var map = new BMap.Map("container");travel_curve_map.centerAndZoom(new BMap.Point(118.454, 32.955), 6);travel_curve_map.enableScrollWheelZoom();// 此处填写旅游地点坐标；var changchunPosition1=new BMap.Point(125.32457,43.911205),antuPosition=new BMap.Point(128.8941,43.113038),changbaishanPosition=new BMap.Point(128.19606,41.419373),dunhuaPosition=new BMap.Point(128.23109,43.37278),changchunPosition2=new BMap.Point(125.32457,43.911205),zhengzhouPosition=new BMap.Point(113.6401,34.72468),kaifengPosition=new BMap.Point(114.34816,34.78861),luoyangPosition=new BMap.Point(112.51078,34.70431);var points = [changchunPosition1,antuPosition, changbaishanPosition,dunhuaPosition,changchunPosition2,zhengzhouPosition,kaifengPosition,luoyangPosition];var curve = new BMapLib.CurveLine(points, {strokeColor:"red", strokeWeight:3, strokeOpacity:0.5}); //创建弧线对象travel_curve_map.addOverlay(curve); //添加到地图中curve.enableEditing(); //开启编辑功能
</script>

四、运行效果

五、结语

为期10来天的旅游很开心，希望以后能带着我亲爱的小猪猪玩遍更多地方！

调用百度api制作旅游轨迹图相关推荐

调用百度api实现驾车路线和时间距离计算
毕设篇:调用百度api实现驾车路线和时间距离计算效果展示 html页面: <!DOCTYPE html> <html lang="en"><head ...
麋鹿分布图制作（一）——调用百度API查询地名的坐标
最近在做保护生物学的论文,查论文的过程中发现之前的麋鹿分布图是手绘的,看起来真的是...,因此我决定重新画一下这个图. 这个地图的绘制我分为两个部分:(一)调用百度API查找地点的经纬度,(二)用py ...
【Python学习笔记】简单调用百度API应用
#本文一切代码及理论均来自于郑秋生.夏敏捷二位老师主编<Python项目案例发从入门到实践>一书,本人仅做微改.创作本文的目的仅为总结本人的学习过程和成果,借此巩固.可能存在许多疏漏之处 ...
调用百度API实现logo商标识别
1.作者介绍严松,男,西安工程大学电子信息学院,2022级研究生研究方向:机器人抓取检测电子邮件:2448052777@qq.com 2.百度API实现logo商标识别接口介绍该请求用于检测和 ...
Java调用百度API出现{status:211,message:APP SN校验失败}
Java调用百度API出现{"status":211,"message":"APP SN校验失败"} {"status" ...
调用百度API实现图像风格转换
目录 1.作者介绍 2.基本概念 2.1 人工智能云服务与百度智能云 2.2 图像风格转换 3.调用百度API实现图像风格转换 3.1 配置百度智能云平台 3.2 环境配置 3.3 完整代码实现 3. ...
百度api商圈范围图修改获取坐标数据、点是否在区域范围判断、js解析创建excel
第一次接触百度api,发此文留作备份此工具读取excel文件进行数据解析,调用百度api,实现店铺配送区域图的展示效果,以及可以编辑配送区域图获取编辑后的配送范围坐标数据. 1浏览进行excel文件 ...
python aipspeech_Python调用百度API实现语音识别(二)
咪哥杂谈本篇阅读时间约为 5 分钟. 1 前言上一篇文章里,大致介绍了百度官方 api 的一些前置准备工作. 想回顾的同学,可以看完本篇在下面找到历史链接. 今天就来上手实战编码,体验一下代码实现 ...
mac下载的api文档怎么_Python调用百度API实现语音识别（二）
Python调用百度API实现语音识别(二) 前言上一篇文章里,大致介绍了百度官方 api 的一些前置准备工作. 想回顾的同学,可以看完本篇在下面找到历史链接. 今天就来上手实战编码,体验一下代码实 ...

调用百度api制作旅游轨迹图

旅游路线图

一、序言

二、资料准备

三、源代码

四、运行效果

五、结语

调用百度api制作旅游轨迹图相关推荐

最新文章

热门文章