zoukankan      html  css  js  c++  java
  • 高德地图轨迹绘制

     http://blog.csdn.net/wocaonima332/article/details/51769738 坐标转换

    http://lbs.amap.com/api/webservice/guide/api/direction/ 高德路径规划,设置途径点(驾车)

    http://blog.csdn.net/u010367582/article/details/50484428 百度地图设置途径点

     http://www.cnblogs.com/milkmap/p/3755257.html

    http://blog.csdn.net/justdoit_potato/article/details/73189164

    <script type="text/javascript">
        
            //这里可以传入后台的json数据,类似此格式
            var pointList=[
              {
              
            lng:116.397428,
              lat:39.90923
              
              },

            {
             
              lng:116.397428,
              lat:39.90923
              
             

              
              },
            
            {
             
              lng:116.397428,
              lat:39.90923

              
              },
                {
             
              lng:116.397428,
              lat:39.90923

              
              }
            
          
          ];
            

            var a_mark;    //图标点
            var marker;  
            var lineArr;
            map = new AMap.Map("map_container", {
              resizeEnable: true,
            center: [116.397428, 39.90923],
            zoom: 14
            });
            map.plugin(["AMap.ToolBar"],function(){
                //加载工具条
                var tool = new AMap.ToolBar();
                map.addControl(tool);   
                });
            
            //地图图块加载完毕后执行函数  
     function completeEventHandler(x,y){ 
        
        marker3 = new AMap.Marker({  
            map:map,  
            //draggable:true, //是否可拖动  
            position:new AMap.LngLat(x,y),//基点位置  
            icon:"http://code.mapabc.com/images/car_03.png", //marker图标,直接传递地址url  
            offset:new AMap.Pixel(-26,-13), //相对于基点的位置  
            autoRotation:true  
        });        
        var lngX ;  
        var latY ;         
        lineArr = new Array();   

         for(var i = 1;i<pointList.length;i++){
            lngX = pointList[i].lng;
            latY = pointList[i].lat;
            lineArr.push(new AMap.LngLat(lngX,latY));
         }
     
        //绘制轨迹  
        var polyline = new AMap.Polyline({  
            map:map,  
            path:lineArr,  
            strokeColor:"#00A",//线颜色  
            strokeOpacity:1,//线透明度  
            strokeWeight:3,//线宽  
            strokeStyle:"solid",//线样式  
        });  
    }  
    function startRun(){  //开始绘制轨迹
        x=pointList[0].lng;
        y=pointList[0].lat
        completeEventHandler(x,y);
        marker.moveAlong(lineArr,80);     //开始轨迹回放
    }
    function init(){
             
           /*    $.ajax({
                    type: "post",
                     url: _gPath+"你的数据.json",

                    success: function(resp){
                        
                        $.each(resp, function(i,n){
                         
                            pointList = resp.data;

                      });
                    }
            }); */
              
               startRun();   
          }      
          $(document).ready(function(){
           init();
          
          }); 

        </script>

  • 相关阅读:
    第三十八条:检查参数的有效性
    第二十九条:优先考虑类型安全的异构容器
    第二十八条:利用有限制通配符来提升API的灵活性
    C# 利用第三方SharpZipLib进行ZIP压缩
    无法解决 equal to 操作中 "Chinese_PRC_CI_AS_WS" 和 "Chinese_PRC_CI_AS" 之间的排序规则冲突
    使用EasyUI的treegrid犯的个低级错误
    Js千位分隔符
    Google Chrom浏览器默认只能显示字体大小大于等于12px
    Asp.Net2.0开发小问题汇总
    Oracle dbms_output.put_line长度限制问题
  • 原文地址:https://www.cnblogs.com/lishijia/p/7551839.html
Copyright © 2011-2022 走看看