关于uniapp map polyline 动态画线问题

àì夳堔傛蜴生んèń 2023-01-13 05:40 322阅读 0赞

## 关于uniapp map polyline 动态画线问题 ##

——日常踩坑记录

直接上代码  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzkwOTI4_size_16_color_FFFFFF_t_70]

// 为做测试，我是对 polyline 点集合中最后一个点进行相对加一个数，让它有效果出来
    let latitude = _this.polyline[0].points[_this.polyline[0].points.length - 1].latitude + 0.0001;
    let longitude = _this.polyline[0].points[_this.polyline[0].points.length - 1].longitude + 0.0001;
    // 将新的点结构起来
    let dat = { latitude, longitude};
    // 把原 polyline 的数据复制一份
    let polyline_obj = JSON.parse(JSON.stringify(_this.polyline[0]));
    // 然后将新的点放到复制之后的这个对象里面去
    polyline_obj.points.push(dat);
    // 重组对象，让它和原 polyline 的数据结构一样
    let polyline = [polyline_obj, ];
    // 然后整体再赋值给原 polyline
    _this.polyline = polyline;
    // 最后修改中心经纬度
    _this.latitude = latitude;
    _this.longitude = longitude;

稍稍解释一下：**大体的思路是将原来的 polyline 数据复制一份，不过要断了和原来的联系，所用这里我用了 JSON 的一些方法。给复制那个添加新的点之后，再重新赋值给原来的 polyline 就可以了**

前端小白献丑，各位大佬们有什么指教请留言哦

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzkwOTI4_size_16_color_FFFFFF_t_70]: /images/20221022/18a18bf3581448b4a5d04c3805a17bd6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，322人围观）

还没有评论，来说两句吧...

相关阅读

相关 leaflet使用Polyline画多段折线（示例代码015）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第015个 [点击查看专栏目录][Link 1]

港控/mmm°/ 2024年04月07日 15:58/ 0 赞/ 95 阅读

相关关于uniapp map polyline 动态画线问题

关于uniapp map polyline 动态画线问题 ——日常踩坑记录直接上代码 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW

àì夳堔傛蜴生んèń/ 2023年01月13日 05:40/ 0 赞/ 323 阅读

相关关于Map的一些问题

1 Map数据结构类问题 1.1 HashMap底层数据结构 HashMap底层是数组+链表+红黑树的数据结构，数组的主要作用是方便快速查找，时间复杂度是O(1)，

爱被打了一巴掌/ 2022年11月29日 13:18/ 0 赞/ 225 阅读

相关 uni-app——map组件路线[polyline]功能示例

Demo <template> <view class="img_box"> <map :latitude="latitude" :l

叁歲伎倆/ 2022年10月16日 04:56/ 0 赞/ 272 阅读

相关 uniapp map callout使用

<template> <view> <view class="page-body"> <view class="page-secti

心已赠人/ 2022年08月31日 15:17/ 0 赞/ 223 阅读

相关 VTK polyline

include <vtkVersion.h> include <vtkSmartPointer.h> include <vtkCellArray.h>

小鱼儿/ 2022年06月13日 12:11/ 0 赞/ 181 阅读

相关关于Map的传递问题

在开发中，遇到这样一个问题，入参有一个map，对该map进行循环赋值、置入list中，返回结果list内所有值相同，针对该问题是因为Map的传递是引用传递。应该用一个简

Bertha 。/ 2022年06月11日 02:36/ 0 赞/ 192 阅读

相关 PowerDesigner画线遇到的问题

使用问题：（一）直线问题 1.![这里写图片描述][SouthEast]点击Tools之后选择倒数第三个display prefrence 2.出现![这里写图片描述][

约定不等于承诺〃/ 2022年06月05日 06:58/ 0 赞/ 970 阅读

相关 caffe画 feature map

import numpy as np import matplotlib.pyplot as plt import sys import os import c

落日映苍穹つ/ 2022年06月03日 01:12/ 0 赞/ 123 阅读

相关 DrawLine画线颜色问题

观看张老师Java高级教程GUI部分遇到的疑问，现在已经解决了问题描述在下边代码的头部注释信息中，没找到问题时真是难得不得了，找到问题后真是发现原来这么简单

电玩女神/ 2022年04月01日 12:54/ 0 赞/ 282 阅读