DawnWalker的gravatar头像
DawnWalker 2018-07-18 20:54:07

基于ECharts2+百度地图实现的个人位置移动轨迹可视化实例

项目描述

本项目利用了百度前端技术团队开发ECharts2.0来进行轨迹的可视化,同时提供了不同地图下任意位置点的经纬度坐标的获取方法(在后边的注意事项内),加载百度地图的方法等一系列的教程,供大家下载学习。

运行环境

jdk7+tomcat7+IntelliJ IDEA+maven

项目技术(必填)

echarts2+jquery+jsp

数据库文件

jar包文件

servlet-api-2.4.jar

是否原创(转载必填原文地址)

原创

项目截图(必填)

基于ECharts2+百度地图实现的个人位置移动轨迹可视化实例

运行截图(必填)

基于ECharts2+百度地图实现的个人位置移动轨迹可视化实例

注意事项

以上的底图使用的是百度地图,如果要加载百度地图需要自己申请一个ak(密钥),只需要一个百度帐号就可以实现,申请成功后需要将访问应用(AK)下的一段字符串替换到index.jsp文件中的如下的代码段,具体如下图所示:

1.百度密钥申请及使用参考以下文章:

https://blog.csdn.net/idomyway/article/details/79718526

个人建议,直接参考官网文档即可,速度较快

2.替换自己的ak(注意:一定要替换自己的ak,不然是加载不出来的)

申请了自己的ak后需要将自己的ak字符串来替换index.jsp 中以下代码段:

基于ECharts2+百度地图实现的个人位置移动轨迹可视化实例

3.如果想做自己的轨迹,需要有地图上的经纬度的坐标,可以在这个网站上直接获取

经纬度坐标获取地址:http://www.gpsspg.com/maps.htm

操作过程中注意,如果不想进行坐标转换,请选择百度地图在进行坐标的拾取,直接在地图上点击后即可弹出某一点的经纬度坐标值,直接赋值用就行,如下图所示:

基于ECharts2+百度地图实现的个人位置移动轨迹可视化实例


打赏

已有3人打赏

CrownK的gravatar头像 RichardX的gravatar头像 黎明行者的gravatar头像

文件名:MyTracks.zip,文件大小:1039.528K 下载
  • /
    • /MyTracks.iml
    • /pom.xml
      • /src
          • /src/main
              • /src/main/java
                • /src/main/webapp
                  • /src/main/webapp/index.jsp
                    • /src/main/webapp/static
                        • /src/main/webapp/static/images
                          • /src/main/webapp/static/images/location.png
    最代码最近下载分享源代码列表最近下载
    zousong  LV4 2023年4月21日
    hbsoft2008  LV16 2022年8月22日
    tangjj7260  LV18 2022年4月6日
    李可以  LV5 2022年3月21日
    Markbarka  LV2 2021年12月11日
    微量的记忆  LV10 2021年7月8日
    邢林巍  LV3 2021年5月25日
    suolonga  LV7 2021年2月6日
    18389695230  LV1 2021年1月7日
    zhutao128  LV1 2020年10月22日
    最代码最近浏览分享源代码列表最近浏览
    2775645521  LV4 2023年12月21日
    edpwyg  LV14 2023年10月21日
    双方各何必呢  LV13 2023年9月21日
    13956030340  LV2 2023年8月1日
    mengmeng12323423  LV3 2023年6月17日
    芥末猫  LV1 2023年6月15日
    wxlxiao  LV1 2023年6月6日
    sunjianping  LV11 2023年5月14日
    guan_xinda  LV1 2023年5月12日
    zousong  LV4 2023年4月21日
    顶部 客服 微信二维码 底部
    >扫描二维码关注最代码为好友扫描二维码关注最代码为好友