- 综合排序
- 最热优先
- 最新优先
- 来自专栏cloud stdio
微信小程序多点定位marker标点polyline连线
longitude: 102.53906505304985, // width: 28, // height: 32 // } ], polyline [0].points); // console.log(points_s); that.setData({ 'polyline[0].points':points_s }) } longitude:e.detail.longitude }]; //使用concat()来把两个数组合拼起来 var points_s = points.concat(that.data.polyline [0].points); // console.log(points_s); that.setData({ 'polyline[0].points':points_s }) //使用concat ()来把两个数组合拼起来 // var points_ = points.concat(that.data.polyline.points); // that.setData({ // 'polyline.points
1K20编辑于 2023-08-08 - 来自专栏历史专栏
【愚公系列】2023年11月 WPF控件专题 Polyline控件详解
一、Polyline控件详解 Polyline控件是WPF中的一种形状控件，它可以用来绘制由一系列线段组成的连续的多边形。 Polyline控件的xaml语法如下： <Polyline Points="point1 point2 point3 ..." /> 其中，Points属性指定了Polyline控件的顶点集合，这些顶点将依次连接成线段 以下是一些Polyline控件常用的场景： 绘制折线图：Polyline控件可以连接多个点，将它们连成一条线，用于绘制折线图。 绘制路线图：Polyline控件可以将多个位置点连接起来，用于绘制地图中的路线。 绘制图形：Polyline控件可以绘制多边形、星型等各种图形。 绘制手写笔迹：Polyline控件可以用于手写板等设备中，记录用户的手写笔迹。 3.具体案例 Polyline控件用于绘制连续的直线段。
1.5K21编辑于 2023-11-21 - 来自专栏acoolgiser_zhuanlan
leaflet 中 geojson的坐标xy与polyline,polygon,rectangle,circle等元素的坐标xy颠倒的情况总结
, {color: 'red'}).addTo(map); // zoom the map to the polygon map.fitBounds(polygon.getBounds()); 2. polyline ： var latlngs = [ [45.51, -122.68], [37.77, -122.43], [34.04, -118.2] ]; var polyline = L.polyline (latlngs, {color: 'red'}).addTo(map); // zoom the map to the polyline map.fitBounds(polyline.getBounds
2.3K30发布于 2019-01-17 - 来自专栏czwy的博客
WPF使用Shape实现复杂线条动画
首先，用Polyline绘制一段折线： <Polyline Points="240 20 140 20 140 100 0 100" Stroke="#ddd" /> 这样，我们就得到一条这样的折线: <Polyline Points="240 20 140 20 140 100 0 100" Stroke="#ddd" /> <Polyline x:Name="polyline1" Points="260 20 240 20" Stroke="{StaticResource linearBrush}" /> <Polyline x:Name="polyline2" Points="140 0 140 20" Stroke="{StaticResource linearBrush}" /> <Polyline x:Name="polyline3 基于多条线段的动画可以美化线条，但只适用于Polyline或者直线组成的Path，一旦存在曲线就不适用了。
69710编辑于 2024-05-16 - 来自专栏计算机视觉
Python中plt.plot图像保存有白边，CV2.polyline，fillpoly的参数问题，图像保存颜色发生异常
Python中，如果你遇到了PIL图像保存有白边，CV2.polyline，fillpoly，参数问题，图像保存颜色发生异常这几个问题，这篇文章就能够解决你的疑惑。 imwrite('aa.jpg',img,[int(cv2.IMWRITE_JPEG_QUALITY),95]) cv2.waitKey(0) cv2.destroyAllWindows() 第二个问题，CV2.polyline ，fillpoly的参数 python中cv2.polyline和cv2.fillPoly参数如下： ? image.png 很不错的参考链接关于poly的，https://blog.csdn.net/lkiller_hust/article/details/52949020 polyline中 第一个参数是
3.9K20发布于 2018-08-01 - 来自专栏跟牛老师一起学WEBGIS
mapboxGL和高德API结合实现路径规划
that.paths[i].steps; for(var j = 0;j<steps.length;j++) { var step = steps[j]; var polyline = step.polyline; polyline = polyline.split(';'); polyline = polyline.map(p => { properties: {}, geometry: { type: 'LineString', coordinates: polyline
2.1K10发布于 2020-04-08 - 来自专栏腾讯位置服务
腾讯位置服务地图SDK公交路线规划应用示例
分段的预估时间 CGFloat price 如果是公交或者地铁，需要花费的金额，元 CNSString *direction 方向描述，如果为步行，表达为向哪个方向走 NSArray *polyline CGFloat distance 距离 NSTimeInterval duration 预计乘坐时间 NSString *title 车名：如333路、软件园通勤车等 NSArray *polyline ]; for (int i = 0; i < plan.polyline.count; i++) { NSValue *value = plan.polyline[i]; ]; for (int i = 0; i < line.polyline.count; i++) { NSValue *value = line.polyline[i]; = (QPolyline *)overlay; NSString *userData = (NSString *)polyline.userData;
1.3K51发布于 2020-12-11 - 来自专栏前端之攻略
高德地图画线、清除线与改变颜色
画线-------是通过创建 new AMap.Polyline实例 并添加到地图上 polyline.setMap(this.GDMap); 清除线----画线的同时把画线创建的实例存储起来通过remove 116.428945, 39.89663], ], ]; for (let i = 0; i < path.length; i++) { var polyline = new AMap.Polyline({ path: path[i], isOutline: true, outlineColor: "# (this.GDMap); // 缩放地图到合适的视野级别 this.GDMap.setFitView(); this.line.push(polyline ({ // strokeColor: "#80d8ff", // //同Polyline的Option设置 // }); },
7.1K10发布于 2020-10-28 - 来自专栏vue+ArcGis
测距还在用尺子吗？快来学习ArcGis中如何测距
LengthsParameters "esri/tasks/support/LengthsParameters", // 为GeometryService.lengths(几何服务)操作设置长度单位和其他参数 复制代码 Polyline params.calculationType = "preserveShape"; 复制代码 五、new Polyline 在 new Polyline之前需要先绘制两个点位，拿到这两个点位的x、y的坐标信息 ，如何绘制点位可以看我的这篇文章# ArcGis中Point方法应用 let one = 第一个点信息 let two = 第二个点信息 let polyline = new Polyline( ArcGIS/rest/services/Geometry/GeometryServer"); 复制代码 七、计算长度 计算两点距离，将第二个点绘制在图层上并将测算出的距离文字信息绘制在点位下 let polyline = new Polyline( // 线信息，起始点，空间参照物 [ [one.x, one.y], [two.x, two.y],
2.3K20编辑于 2021-12-09 - 来自专栏算法与编程之美
小程序map切换不同的标记点
components/mapchart/mapchart.js Component({ /** * 组件的属性列表 */ properties: { markers: Array, polyline ==0}}" class="current"> <mapchart markers="{{markers_0}}" polyline="{{polyline}}" longitude="{{longitude ==1}}"> <mapchart markers="{{markers_1}}" polyline="{{polyline}}" longitude="{{longitude}}" latitude ==2}}"> <mapchart markers="{{markers_2}}" polyline="{{polyline}}" longitude="{{longitude}}" latitude ==3}}"> <mapchart markers="{{markers_3}}" polyline="{{polyline}}" longitude="{{longitude}}" latitude
1.2K30发布于 2021-11-23 - 来自专栏腾讯位置服务
腾讯地图手把手教你实现微信小程序路线规划
="polyline" :markers="markers" scale="12" :subkey="YOUR_OWN_QQMAP_KEY" show-location show-compass `) } }) result.polyline = [] result.points = [] //获取各个步骤的polyline，也就是路线图 for(let i = 0; i < route.steps.length; i++) { let step = route.steps[i] let polyline = this.getStepPolyline (step) if (polyline) { result.points = result.points.concat(polyline.points) result.polyline.push [0].polyline) { coors.push(step.lines[0].polyline); } else { return null } //坐标解压（返回的点串坐标
3.8K41发布于 2021-03-05 - 来自专栏腾讯位置服务
腾讯位置服务地图SDK公交路线规划应用示例2
i++) { QMSBusingRouteTransitLine *line = plan.lines[i]; CLLocationCoordinate2D coords[line.polyline.count ]; for (int i = 0; i < line.polyline.count; i++) { NSValue *value = line.polyline[i] if ([overlay isKindOfClass:[RoutePlanBusingPolyline class]]) { for (QPolyline *polyline in self.selectRouteOverlayArray) { if ([polyline isKindOfClass:[RoutePlanBusingPolyline RoutePlanBusingPolyline *busingPolyline = (RoutePlanBusingPolyline *)polyline
66031发布于 2020-12-18 - 来自专栏404
解决 vue-baidu-map 无法绘制折线方向箭头
new_polyline.vue 新的折线组件文件： <script> /** * 将此处三个js也拷贝出来并引入 */ import commonMixin from ". /factory.js"; export default { name: "new-polyline", render() {}, mixins: [commonMixin("overlay editing, massClear, clicking } = this; const overlay = new BMap.Polyline map.addOverlay(overlay); bindEvents.call(this, overlay); } } }; </script> 地图文件中使用新的polyline icons="icons" stroke-color="#0091ea" :stroke-opacity="0.8" :stroke-weight="10" ></new-polyline
95020编辑于 2022-04-25 - 来自专栏hightopo
HT for Web 3D游戏设计设计--汉诺塔（Towers of Hanoi）
+ floorY + barrelHeight * positionC.barrels.length - cylinderHeight / 2; setPolylinePoints(polyline ), offset = g3d.getLineOffset(polyline, length * v), point = offset.point = new ht.Polyline(); polyline.setSegments([1, 2, 4, 2]); polyline.s({ 'shape.background 'shape.border.pattern': [20, 10], 'shape3d.resolution': 50 }); dataModel.add(polyline ); } /** * 设置路线节点 * */ function setPolylinePoints(polyline, from, to){ polyline.setPoints([
42820发布于 2018-07-09 - 来自专栏dmhsq_csdn_blog
案例二---移动轨迹---实时和静态
height: 100vh" :markers="markers" :longitude="fromP.longitude" :latitude="fromP.latitude" scale='18' :polyline ="polyline" show-location> </map> </view> </template> <script> export default { data() { return latitude: 33.415668 }, endP: { longitude: 115.101399, latitude: 33.415668 }, polyline ="polyline" show-location> </map> </view> </template> <script> export default { data() { return { polyline: [{ points: [], color: '#FF0000DD', width: 5 }], speed: 0,
82410发布于 2021-02-04 - 来自专栏可以叫我才哥
使用folium绘制区域轮廓与网格线
官网： https://python-visualization.github.io/folium/ 绘制区域轮廓用到的是PolyLine方法，本质上就是将区域的若干个经纬度坐标点一一连线，颗粒度约细则轮廓越精确 , 116.395645], # 北京市中心区域经纬度 zoom_start=9, # 默认放大倍数 ) route = folium.PolyLine # 定义一个绘图函数，参数是经纬度坐标点列表、线宽、颜色和透明度 def drow_m(locations,weight,color,opacity): route = folium.PolyLine subdistrict':0, 'extensions':'all', } r = requests.get(url,params=params) data = r.json() polyline = data['districts'][0]['polyline'] polyline_list = polyline.split(';') df = pd.DataFrame(polyline_list
8.6K21发布于 2021-08-05 - 来自专栏HT
HT for Web 3D游戏设计设计--汉诺塔（Towers of Hanoi）
+ floorY + barrelHeight * positionC.barrels.length - cylinderHeight / 2; setPolylinePoints(polyline ), offset = g3d.getLineOffset(polyline, length * v), point = offset.point = new ht.Polyline(); polyline.setSegments([1, 2, 4, 2]); polyline.s({ 'shape.background 'shape.border.pattern': [20, 10], 'shape3d.resolution': 50 }); dataModel.add(polyline ); } /** * 设置路线节点 * */ function setPolylinePoints(polyline, from, to){ polyline.setPoints([
78870发布于 2018-01-03 - 来自专栏季春二九
404错误页源码，纸张撕裂动画效果
points="137 0,142 45,187 50" /> <polyline points="0 148,0 0,137 0,187 50,187 148" /> <g class= "paper__lines" stroke="hsl(0,10%,70%)"> <polyline points="22 88,165 88" /> <polyline points="22 110,165 110" /> <polyline points="22 132,165 132" /> </g> <polyline class="paper__tear" points points="22 154,165 154" /> <polyline points="22 176,165 176" /> <polyline points="22 198,94 198 " /> </g> <polyline class="paper__tear" points="0 148,31 138,62 148,93 138,124 148,155 138,187
51950编辑于 2023-07-16 - 来自专栏鸿蒙开发实践
鸿蒙运动开发实战：打造 Keep 式轨迹播放效果
removeOverlay(this.polyline); clearInterval(this.playTimer); this.playTimer = undefined; if points.slice(0, this.currentPointIndex + 1), 100); if (this.polyline) { this.mapController?. removeOverlay(this.polyline); this.polyline.remove(); this.polyline.destroy(); } this.polyline = new Polyline({ points: currentPoints, width: 5, join: SysEnum.LineJoinType.ROUND, addOverlay(this.polyline); // 更新地图中心点和旋转角度 let bearing = 0; if (this.currentPointIndex < this.trackPoints.length
32110编辑于 2025-06-04 - 来自专栏hightopo
原 基于HTML5的WebGL设计汉诺塔3
+ floorY + barrelHeight * positionC.barrels.length - cylinderHeight / 2; setPolylinePoints(polyline ), offset = g3d.getLineOffset(polyline, length * v), point = offset.point = new ht.Polyline(); polyline.setSegments([1, 2, 4, 2]); polyline.s({ 'shape.background 'shape.border.pattern': [20, 10], 'shape3d.resolution': 50 }); dataModel.add(polyline ); } /** * 设置路线节点 * */ function setPolylinePoints(polyline, from, to){ polyline.setPoints([
90770发布于 2018-06-05
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号