精华内容
下载资源
问答
  • 根据经纬度轨迹

    千次阅读 2020-05-26 21:53:28
    folium简单应用导入库读取json经纬度数据并画图,保存成html添加鼠标点击地图显示经纬度功能效果合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表...

    folium简单应用

    # 导入库
    
    import folium
    import os,json
    import numpy as np
    
    
    ## 读取json经纬度数据并画图,保存成html
    
    
    with open('dataplt.json') as f:
        data = json.load(f)
        
    '''创建Map对象'''
    m = folium.Map(location=data[0],
                  zoom_start=14)
    
    '''查看m的类型'''
    m.__class__
    
    ls = folium.PolyLine(locations=[data],
                        color='blue')
    ls.add_to(m)
    
    '''为m添加标记部件'''
    folium.Marker(
        location=data[-1],
        popup='End Point Location',
        icon=folium.Icon(color='red', icon='info-sign')
    ).add_to(m)
    
    '''为m添加标记部件--圆圈'''
    folium.Circle(
        radius=200,
        location=data[2],
        popup='The Waterfront',
        color='crimson',
        fill=False,
    ).add_to(m)
    
    #print(data)
    # 添加鼠标点击地图显示经纬度功能
    m.add_child(folium.LatLngPopup())
    
    
    
    m.save('folium_plot.html')
    

    m.save(‘folium_plot.html’)

    效果

    在这里插入图片描述

    展开全文
  • 经纬度生成谷歌kml

    2018-06-09 16:55:11
    EXCEL表格中的经纬度,快速生成KML。无论多少的要处理,只需要添加了,一分钟之内就可以解决!
  • KML经纬度表格直接导入到google地图中。 方便管理,统一执行,减少错误。
  • 百度地图根据经纬度绘制轨迹

    千次阅读 2019-06-15 16:42:33
    首先上效果图 Html源码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...运输轨迹图</title> <script type="t...

    首先上效果图
    百度地图根据经纬度绘制轨迹
    Html源码

    <!DOCTYPE html>  
    <html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>运输轨迹图</title>  
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>  
    </head>  
    <body>  
    <div  style="width:1000px;height:800px;border:1px solid gray" id="container"></div>
      
    <script type="text/javascript">  
        window.onload = function(){
        	var map = new BMap.Map("container");  
            map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);  
            map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件  
            map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件  
            map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件  
    
            map.clearOverlays();                        //清除地图上所有的覆盖物  
            var driving = new BMap.DrivingRoute(map);    //创建驾车实例  
        	
        	// 坐标点数据
        	var pointArr = [{lng: 120.37330074071, lat: 31.498294737149},{lng: 120.57330074071, lat: 31.498294737149},{lng: 120.87330074071, lat: 31.498294737149},{lng: 121.37330074071, lat: 31.498294737149}];
        	
    		// 生成坐标点
    		var trackPoint = [];
    		for (var i = 0, j = pointArr.length; i < j; i++) {
    			trackPoint.push(new BMap.Point(pointArr[i].lng, pointArr[i].lat));
    		}
    
    
        	for (var i = 0; i < trackPoint.length; i++) {
            	if(i != trackPoint.length -1 ){
            		driving.search(trackPoint[i], trackPoint[i+1]);
               	}
        	}
            driving.setSearchCompleteCallback(function(){  
                var pts = driving.getResults().getPlan(0).getRoute(0).getPath();    //通过驾车实例,获得一系列点的数组  
          
                var polyline = new BMap.Polyline(pts);       
                map.addOverlay(polyline);  
    
            	// 画图标、想要展示的起点终点途经点
            	for (var i = 0; i < trackPoint.length; i++) {
            		var lab;
                	if(i == 0){
                		lab = new BMap.Label("起点",{position:trackPoint[i]});
                    }else if(i == trackPoint.length - 1){
                    	lab = new BMap.Label("终点",{position:trackPoint[i]});
                    }else{
                    	/* lab = new BMap.Label("途径点",{position:trackPoint[i]}) */
                    }
            	    var marker = new BMap.Marker(trackPoint[i])
            	    map.addOverlay(marker);
            	    map.addOverlay(lab);
            	}
            	map.setViewport(trackPoint);  
            });  
        }
    </script>  
    
    </body>  
    </html>  
    </body>
    </html>
    

    参考文章:
    https://cshbbrain.iteye.com/blog/1858954
    https://blog.csdn.net/ZYD45/article/details/87545988

    展开全文
  • 项目需要从后台获取一串经纬度,然后展示到web高德地图上,有没有大神做过,demo或者这方面的资料都可以,麻烦你们了
  • 手里有一些CSV数据,数据量比较大,之前实现过绘制轨迹,是按照航班ID来分类绘制的,每次飞行记录700组数据,以此来绘制。但是出现一个问题就是同一个ID一个月内会两次飞行,也就是同一个ID下有1400组数据,所以会...
  • 经纬度值绘制GPS轨迹

    万次阅读 2018-08-03 18:20:08
    需求:根据运动轨迹经纬度值,绘制无地图Path,效果如下。 1. 在固定画布范围内绘制,不能超出; 2. 因为运动公里数不相同,画出来的path大小不一,有可能超出画布范围内的情况,所以需要对所有数据统一处理规到...

    需求:根据运动轨迹经纬度值,绘制无地图Path,效果如下。

    1. 在固定画布范围内绘制,不能超出;

    2. 因为运动公里数不相同,画出来的path大小不一,有可能超出画布范围内的情况,所以需要对所有数据统一处理规到固定范围内。

     

    实现如下:

    1. 将经纬度比作x,y轴,为保证从x轴为0,y轴为0刻度开始绘制,使所有点规0,分别取出x,y轴的最小值,遍历所有经纬度取出xleast,yleast。

    arrs.push([arr[i][0] - xleast, arr[i][1] - yleast])

    2. 接下来新问题:为了保证所有点在画布范围内显示,怎么解决?

    还是经纬度比作x,y轴,取出x,y轴最大值,用画布的width,height分别除以xmax,ymax,x, y最大值(rx, ry),将filtersXY中得到的数组分别乘以x, y值。

    datas.push([(data[i][0] * rx) + 8, ((ymax - data[i][1]) * ry) + 8])

    3. 用Canvas开始画图

    圆角线:

    ctx.lineJoin="round"

     

    展开全文
  • //起始点的经纬度 { icon : myBeginIcon } ) ; map . addOverlay ( carMk2 ) ; carMk = new BMap . Marker ( new BMap . Point ( data [ dataLast ] . lng , data [ dataLast ] . lat ) , //...

    代码如下:

    <style type="text/css">
        html,#container {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
    
    <div id="container"></div>
    
    var data = [{Long:106.652024,Lat:26.617221},{Long:106.652024,Lat:26.614221},{Long:106.654024,Lat:26.612221},{Long:106.657024,Lat:26.612221}];
    
    var dataLast = data.length-1;
    	console.log( data )
    var map = new BMap.Map("container");
    map.centerAndZoom(new BMap.Point(data[0].lng, data[0].lat), 15);
    map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    setTimeout(drawIcon,500);
    var carMk;
    var myBeginIcon = new BMap.Icon("http://e.hiphotos.baidu.com/image/pic/item/7e3e6709c93d70cfaf72bca2f0dcd100bba12b90.jpg", new BMap.Size(25,37), {imageOffset: new BMap.Size(0, 0)});//人
    var myEndIcon = new BMap.Icon("http://b.hiphotos.baidu.com/image/pic/item/b58f8c5494eef01f534c096ae8fe9925bd317dc0.jpg", new BMap.Size(25,37), {imageOffset: new BMap.Size(0, 0)});//人
                    function drawGreenLine(i){
                        var polyline = new BMap.Polyline([
                            new BMap.Point(data[i].lng,data[i].lat),//起始点的经纬度
                            new BMap.Point(data[i+1].lng,data[i+1].lat)//终点的经纬度
                        ], {strokeColor:"red",//设置颜色
                            strokeWeight:4, //宽度
                            strokeOpacity:1});//透明度
                        map.addOverlay(polyline);
                    }
    
                    function drawIcon() {
                        if (carMk) {
                            map.removeOverlay(carMk);
                        }
                        carMk2 = new BMap.Marker(
                            new BMap.Point(data[0].lng, data[0].lat),//起始点的经纬度
                            {icon: myBeginIcon});
                        map.addOverlay(carMk2);
    
                        carMk = new BMap.Marker(
                            new BMap.Point(data[dataLast].lng, data[dataLast].lat),//终点的经纬度
                            {icon: myEndIcon});
                        map.addOverlay(carMk);
    
                        for (var i = 0; i < data.length - 1; i++) {
                            drawGreenLine(i);
                        }
                    }
    
    展开全文
  • 百度地图API,根据经纬度实现车辆移动轨迹绘制

    万次阅读 多人点赞 2016-03-01 10:07:54
    1.根据经纬度实现车辆轨迹绘制 2.使用百度地图API的两个覆盖物实现,Polyline(折线)绘制轨迹,Marker(图标)绘制小车图标 3.将每两个坐标间连线起来,形成连贯的轨迹线路 4.生成下一个图标后删除上一个绘制的...
  • 一、excel数据导入arcgis,生成要素类。 1、准备数据 2、转换成要素类,名称为xy1 3、定义投影 至此,将excel点数据导入的工作已经完成。 二、生成二维插值图、等值线。 1、克里金插值(Kriging),...
  • 如何通过带坐标信息的照片生成轨迹 如果照片带坐标信息,比如智能手机拍摄的照片,91卫图助手可以提取照片中的坐标信息,生成轨迹点和轨迹线,并可保存为CSV或者KMZ格式。 工具/原料 91卫图助手下载器 91卫图...
  • LSTM模型 轨迹经纬度预测

    千次阅读 多人点赞 2020-01-10 11:31:52
    #生成训练数据 train_X, train_Y, test_X, test_Y = create_dataset(data, train_num, per_num) print("x\n", train_X.shape) print("y\n", train_Y.shape) # 训练模型 model = trainModel(train_X, train_...
  • 百度地图根据经纬度坐标值绘制轨迹

    万次阅读 热门讨论 2019-01-07 10:54:03
    // 生成坐标点 var trackPoint = [ ] ; for ( var i = 0 , j = pointArr . length ; i < j ; i ++ ) { trackPoint . push ( new BMap . Point ( pointArr [ i ] . lng , pointArr [ i...
  • } // 生成坐标点 var trackPoint = []; for (var i = 0, j = pointArr.length; i ; i++) { trackPoint.push(new BMap.Point(pointArr[i].lng, pointArr[i].lat)); } map.centerAndZoom(trackPoint[0], 15); // 画线...
  • 功能说明:需要拿到经纬度来绘制地图轨迹。解决思路是先把经纬度保存到一个文件中,然后从文件中读取经纬度数据,然后在地图上面绘制。 一、读取文件和保存文件的工具类 public class FileStoreTool { private ...
  • 效果图: 1、首先去高德地图官网去申请key,然后下载相关jar包。 /** * Created by ... * desc:轨迹回放 */ public class TraceReloadActivity extends FragmentActivity { private AMap aMap; ...
  •   因此,本篇博文总结了网上大部分相关的博客和文章,通过实测来验证如何使用百度地图并通过经纬度坐标来绘制移动路径轨迹。按照博文所述步骤,所示代码经过测试可以直接运行。 一、效果展示   首先来一张效果...
  • // 生成坐标点 var trackPoint = []; for (var i = 0, j = pointArr.length; i ; i++) { trackPoint.push(new BMap.Point(pointArr[i].lng, pointArr[i].lat)); } map.centerAndZoom(trackPoint[0], 15); /...
  • 这里看Keep等运动App也都是这样,没有加在 Android8.0系统的手机上,home键到后台,就没在定位了,定位listener总是返回缓存的上次定位的Location经纬度。 3.屏熄断网电量屏幕 在定位服务中检测是否是由息屏造成...
  • 实现将一组GPS模块获取的经纬度数据在百度地图上绘制轨迹 1.将经纬度转换成百度地图坐标 2.在地图上绘制轨迹(已设置好地图)
  • 最近项目中需要做一个轨迹回放的功能 所以借鉴了一下百度api跟网上的一些例子 代码如下 因为项目组涉及到车超速路线颜色要改变等需要 所以代码可能有一些多 &lt;html lang="en"&gt; &lt;...
  • 引文:记录下最近实现的一点简单小功能,对接高德API简单实现了小车轨迹回放功能. 效果图:   实现的功能:简单实现车辆根据经纬度平滑移动的效果,滑过的线条变红色,每个经纬度设置了自定义的Marker,后期可以 ...
  • 继上一篇:百度地图根据经纬度坐标,显示轨迹又进行了些许优化。将固定点为变为汽车行驶轨迹并添加点位。 上一篇链接:https://blog.csdn.net/qq_36865945/article/details/107356608 将 改为 后台代码没...
  • html>body,html,#allmap{width:100%;height:100%;overflow:hidden;margin:0;font-family:"微软雅黑";}车辆运行轨迹测试varstartLong=106.652024;varstartLat=26.617221;varendLong=106.652024;varendLat=26....
  • 因为项目需要做物体轨迹检测,所以要把物体移动的轨迹在百度地图上进行绘制和显示,于是就在网上找到了这个方法,现在做个记录方便以后查阅:1、html 部分设置存放地图的容器和设置你的百度地图的ak ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,362
精华内容 544
关键字:

经纬度生成轨迹