- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了一个应用程序,其中我使用 (MapKit) 制作了一张 map ,当我按下“开始”时,它会自动放大到我的位置并放置注释。
但是从这里开始,我很困惑。我正在尝试从起始位置到当前位置绘制一条折线。 (并更新我所做的每一个 Action )。因此,举个例子,如果我向北步行 300 米,我应该能够在手机上查看 map 并看到多边形线在跟随我。
所以从注解开始----->(Polyline)到User。并始终保持更新(这样你就可以看到线在移动
我怎样才能做到这一点?如果你知道,请在评论中告诉我。我会非常感谢它! :)
在正确位置添加注解的代码:
@IBAction func StartWalk(_ sender: Any)
{
if play == true
{
play = false
//Set resetbutton disabled.
ResetButton.isHidden = true
//Set new image when play is true
PlayStop.setImage(UIImage(named: "Stop"), for: .normal)
//Bool to check if button is stopped (op)
isStopped = false
//Checking userpermission to allow map and current location
if (CLLocationManager.locationServicesEnabled())
{
locationManager.requestAlwaysAuthorization()
locationManager.requestWhenInUseAuthorization()
//Retrieve current position
if let userLocation = locationManager.location?.coordinate
{
//Zooming in to current position
let viewRegion = MKCoordinateRegion(center: userLocation, latitudinalMeters: 200, longitudinalMeters: 200)
mapView.setRegion(viewRegion, animated: false)
//Creating a start annotation
let annotation = MKPointAnnotation()
annotation.title = "Start"
annotation.coordinate = userLocation
mapView.addAnnotation(annotation)
}
}
}
}
这是折线的想法:
//Create polyline
func mapView(_ mapView: MKMapView, rendererFor overlay: MKOverlay) -> MKOverlayRenderer
{
if(overlay is MKPolyline)
{
let polyLineRender = MKPolylineRenderer(overlay: overlay)
polyLineRender.strokeColor = UIColor.blue.withAlphaComponent(1)
polyLineRender.lineWidth = 3
return polyLineRender
}
return MKPolylineRenderer()
}
//Updating location + polylines
@objc func update()
{
//Startposition
let startLat = locationManager.location?.coordinate.latitude
let startlong = locationManager.location?.coordinate.longitude
let startResult = CLLocation(latitude: startLat!, longitude: startlong!)
//This should be the current user location.
let stopLat = locationManager.location?.coordinate.latitude
let stopLong = locationManager.location?.coordinate.longitude
let stopResult = CLLocation(latitude: stopLat!, longitude: stopLong!)
let locations =
[
CLLocationCoordinate2D(latitude: startLat!, longitude: startlong!),
CLLocationCoordinate2D(latitude: stopLat!, longitude: stopLong!)
]
//Draw polyline on the map
let aPolyLine = MKPolyline(coordinates: locations, count: locations.count)
//Adding polyline to mapview
mapView.addOverlay(aPolyLine)
}
简而言之:
我想让折线从起始位置开始,然后跟随用户走到哪里,直到按下停止按钮。喜欢无时无刻不在追逐那个蓝点。你知道吗?请打我
最佳答案
您是否在您的 ViewController 类上实现了 MKMapViewDelegate 方法?
如果是,您可以从 MapView 访问委托(delegate),您必须添加 viewDidLoad 函数或任何其他您希望使用坐标的以下代码:
mapView.delegate = self
// Connect all the mappoints using Poly line.
var points: [CLLocationCoordinate2D] = [CLLocationCoordinate2D]()
for annotation in annotations {
points.append(annotation.coordinate)
}
var polyline = MKPolyline(coordinates: &points, count: points.count)
mapView.addOverlay(polyline)
您可以按照下面的教程进行操作,它非常好:http://rshankar.com/how-to-add-mapview-annotation-and-draw-polyline-in-swift/
关于ios - 根据用户位置绘制折线 [SWIFT],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54929036/
有没有办法将多个线段视为 1 条线? IE:我将鼠标悬停在其中一个上,两者都会突出显示,并且切换图例中的可见性将隐藏这两个部分。 http://jsfiddle.net/rayholland/HSvB
我正在使用 geojson 创建折线。我的geojson的格式如下: var myLines = [{ "type": "LineString", "coordinates": [[-
我对 matlab 和图像处理很陌生 我想要实现的是检测图像中的不规则线条。例如,在下图中,有 4 条折线: 我的目标是得到一组代表这 4 条不规则线/折线的像素点。像这样。 我已经通读了一些主题,例
本章响应小伙伴的反馈,除了算法自动画连接线(仍需优化完善),实现了可以手动绘制直线、折线连接线功能。 请大家动动小手,给我一个免费的 Star 吧~ 大家如果发现了 Bug,欢迎来提 Is
这一章把直线连接改为折线连接,沿用原来连接点的关系信息。关于折线的计算,使用的是开源的 AStar 算法进行路径规划,启发方式为 曼哈顿距离,且不允许对角线移动。 请大家动动小手,给我一个免费
话接上回《前端使用 Konva 实现可视化设计器(13)- 折线 - 最优路径应用【思路篇】》,这一章继续说说相关的代码如何构思的,如何一步步构建数据模型可供 AStar 算法进行路径规划,最终画出节
是否可以使用水平线性渐变描边 SVG 多段线,其中渐变的角度在每个多段线顶点发生变化?它看起来像这样: 最佳答案 看看tubefy以色列艾森伯格。目前 svg 中没有任何内容可以准确地以声明方式提供您
我已经实现了一些代码,可以在单击 ListView 项时从 URL 加载图像;这已经用“虚拟”图像进行了测试,并且在 ImageView 对象中显示的图像没有任何问题。 但是,我真正想做的是通过 UR
我正在编写一个函数,用于在 mouseover 和 mouseout 上添加和删除 Mapbox polyline。我的 mouseover 可以正常工作,但我似乎不知道如何在 mouseout 上访
我使用此代码在 OSM 上有一些自定义折线 var polyline1 = [ [44.772142, 17.208980], [44.774753, 17.20764
我的应用程序是实时跟踪器,多个用户登录并通过将他们的坐标发送到我们的网络服务来更新他们的位置,然后每 2 分钟回调一次,让我们在我的 MapView 上显示所有用户。 每次我在 connectionD
我想知道是否有一种方法可以通过单击来突出折线。像这样: Before click After click 最佳答案 您可以使用折线两次。第一次折线更宽并且笔划不透明度为“0”。当您将鼠标悬停在该组上时
我需要显示从 A 到 B 的不同折线。因此,这些线应该彼此区分。我曾尝试使用带有高度参数的推点函数来设置折线。然而它仍然在地面上。我插入的最后一条折线会覆盖前一条折线。高度值适用于标记,但我想将其应用
我正在尝试向 svg 多段线添加类似叠加的效果。基本目标是使单击该线变得容易,并且由于该线太细,我想添加一个背景叠加层,当鼠标悬停在上面时会亮起。 我使用多边形尝试了以下方法,但这看起来很乏味。 (线
如何在 Google map 中绘制圆弧折线? 我已经用过this创建曲线折线的代码。 下面是绘制曲线折线的方法: private void showCurvedPolyline (LatLng p1
背景: 开发使用 Android Google Map v2 的原生 Android 应用,使用 android.support.v4.app.FragmentActivity。在 Android v
如何使用 JavaScript 将坐标添加到现有的 SVG 折线? 我正在使用 IE 9(在 .hta 文件中)并且需要能够动态地将新点附加到折线。目标是能够创建折线图。我提前道歉,我完
如何在 JavaScript 中拆分数据数组 {x:30, y:45, x:36, y:49} 进入表格 [30, 45, 36, 49] ? 我需要此表单才能将坐标传递给 SVG 折线。我找到了一个
在角度 6 中。我正在为 agm-polyline 使用流动代码。 我想在 agm-polyline 中添加箭头符号(折线)( https://developers.google.com/maps/d
我在 map 上做了路线。使用一些坐标生成的路线,这些坐标完成了附加信息(速度)。我希望当路线悬停时,将出现一个工具提示并显示这些坐标处的信息(速度)。我很困惑如何显示速度的工具提示。 Po
我是一名优秀的程序员,十分优秀!