Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 标记物未与带有传单的d3中的路径正确对齐_Javascript_D3.js_Leaflet - Fatal编程技术网

Javascript 标记物未与带有传单的d3中的路径正确对齐

Javascript 标记物未与带有传单的d3中的路径正确对齐,javascript,d3.js,leaflet,Javascript,D3.js,Leaflet,我正在单张地图上创建d3标记(航班)和路径(小径)。路径端点和标记的地理位置(纬度、经度)的输入数据相同,但它们不是在同一位置上绘制的 var defaultlocation=[28.6139,77.2090]; var=3; var map=L.map('map'{ 中心:默认位置, 缩放:默认缩放, 最小缩放:2 }); var mbAttr='&复制;投稿人,, mbUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'; var

我正在单张地图上创建d3标记(航班)和路径(小径)。路径端点和标记的地理位置(纬度、经度)的输入数据相同,但它们不是在同一位置上绘制的

var defaultlocation=[28.6139,77.2090]; var=3; var map=L.map('map'{ 中心:默认位置, 缩放:默认缩放, 最小缩放:2 }); var mbAttr='&复制;投稿人,, mbUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'; var mapTileLayer=L.tileLayer(mbUrl{ 署名:mbAttr }); map.addLayer(mapTileLayer); 映射; var svg=d3.select(map.getPanes().overlypane)。select(“.传单缩放动画”); 变量trails=[{“type”:“LineString”, “坐标”:[[28.320282,74.448219], [28.31662,74.290764], [28.312931,74.137733], [28.309067,73.978165], [28.304831,73.820801], [28.300409,73.661285], [28.295382,73.444893], [28.294729,73.425507], [27.648056,67.771759], [27.637573,67.736671], [27.596539,67.599617], [27.552593,67.452942], [27.511908,67.317772], [27.470032,67.179688], [27.426956,67.021629], [27.403152,66.867195], [27.371367,66.663139], [27.368317,66.643532], [27.345901,66.500511], [27.321136,66.344162], [27.281473,66.09417], [27.257034,65.942268], [27.18718,65.515411], [27.159088,65.345146], [27.144058,65.254333], [27.122776,65.12706], [27.097359,64.976524], [27.070406,64.817642], [27.045547,64.671494], [27.020128,64.522865], [26.995422,64.380249], [26.967957,64.227058], [26.964386,64.205864], [26.961731,64.190941], [26.958115,64.17601], [26.951279,64.155296], [26.94548,64.141762], [26.938797,64.128754], [26.879791,64.056152], [26.783798,63.950172], [26.688538,63.845356], [26.58783,63.734749], [26.49353,63.631466], [26.39859,63.527718], [26.303101,63.423916], [26.208252,63.321259], [26.113012,63.218185], [26.018698,63.115242], [25.924072,63.013226], [25.828766,62.910358], [25.733564,62.80827], [25.634903,62.70274], [25.53907,62.600357], [25.44359,62.498528], [25.348764,62.397732], [25.252945,62.296192], [25.153061,62.190655], [25.05835,62.090607], [24.963226,61.990559], [24.862852,61.884949], [24.727203,61.729633], [24.696304,61.653393], [24.62632,61.456017], [24.584427,61.313831], [24.582235,61.274174], [24.582642,61.125286], [24.582933,60.970287], [24.583008,60.818176], [24.582561,60.668732], [24.581863,60.656242], [24.579489,60.636238], [24.576975,60.622456], [24.546249,60.539043], [24.490585,60.410664], [24.432953,60.278675], [24.37587,60.148212], [24.321262,60.02396], [24.265028,59.895905], [24.209492,59.769821], [24.157446,59.65229], [24.103088,59.529675], [24.04953,59.409382], [23.998981,59.296062], [23.948273,59.181976], [23.896957,59.073841], [23.845638,58.969429], [23.820465,58.917797], [23.797989,58.871765], [23.773499,58.822124], [23.751297,58.777264], [23.727163,58.728455], [23.718319,58.710522], [23.709707,58.693161], [23.701094,58.675751], [23.693087,58.659737], [23.685266,58.643673], [23.678055,58.62859], [23.669065,58.609676], [23.664225,58.598484], [23.659698,58.586224], [23.654846,58.570251], [23.651796,58.553085], [23.648987,58.536785], [23.646116,58.519817], [23.643137,58.50256], [23.640064,58.485718], [23.637131,58.469288], [23.634338,58.453278], [23.633127,58.446228], [23.631824,58.438663], [23.630539,58.431446], [23.628159,58.418072], [23.625866,58.405289], [23.624748,58.39933], [23.623585,58.393009], [23.622528,58.387501], [23.62149,58.38171], [23.620512,58.376217], [23.618418,58.364815], [23.61731,58.359222], [23.616137,58.353519], [23.614929,58.347675], [23.613052,58.338573], [23.611176,58.326874], [23.610764,58.320618], [23.610168,58.308918], [23.609711,58.303272], [23.608749,58.292492], [23.607834,58.28186], [23.607384,58.276409], [23.606733,58.26796], [23.60643,58.264294], [23.606127,58.260551], [23.606037,58.259533], [23.605988,58.258877], [23.605968,58.258564], [23.605797,58.258221], [23.605534,58.258141], [23.605053,58.258171], [23.604673,58.258205], [23.604275,58.258247], [23.604012,58.258274], [23.603634,58.258312], [23.60338,58.25853], [23.603394,58.258961], [23.603451,58.259556], [23.603533,58.260719], [23.6036,58.261402], [23.603703,58.262737], [23.603748,58.263424], [23.603863,58.264809], [23.603987,58.266224], [23.604033,58.266861], [23.60408,58.267529], [23.604137,58.268105], [23.604172,58.268661], [23.604219,58.269138], [23.604263,58.26973], [23.604286,58.2701], [23.604343,58.270695], [23.604378,58.271053], [23.604401,58.27137], [23.604393,58.271679], [23.604265,58.271938], [23.60368,58.272057], [23.603222,58.272095], [23.602707,58.272144], [23.602194,58.272198], [23.601124,58.272301], [
marker.append("path")
  .attr("class", "flight"
  .attr('transform', d => `translate(-25, -30)rotate(${d.rotate}, 25, 30)`)
marker.attr("transform", function (d) {
  var cord = map.latLngToLayerPoint([d.lat, d.lng]);
  var bb = d3.select(this).node().getBBox();
  return `translate(${cord.x}, ${cord.y})`;
});