如何使用Google Maps SDK(Swift / iOS)在地图标记周围绘制半径?

时间:2015-03-12 05:47:11

标签: ios swift google-maps-sdk-ios

用户可以通过两种方式在应用程序中通过地图上方的UISearchBar(尚未完成)在地图上放置标记,并长按地图上他们希望标记出现的位置。我正在为标记使用全局变量,因为用户仅限于在地图上设置一个标记。每当创建标记时,我想在标记周围绘制一个半径(圆圈)。到目前为止,这是我的代码:

var mapMarker = GMSMarker()
...

 //This function dectects a long press on the map and places a marker at the coordinates of the long press.
func mapView(mapView: GMSMapView!, didLongPressAtCoordinate coordinate: CLLocationCoordinate2D) {

        //Set variable to latitude of didLongPressAtCoordinate
        var latitude = coordinate.latitude

        //Set variable to longitude of didLongPressAtCoordinate
        var longitude = coordinate.longitude

        //Feed position to mapMarker
        mapMarker.position = CLLocationCoordinate2DMake(latitude, longitude)

        //Define attributes of the mapMarker.
        mapMarker.icon = UIImage(named: "mapmarkericon")

        //Set icon anchor point
        mapMarker.groundAnchor = CGPoint(x: 0.5, y: 0.5)

        //Enable animation on mapMarker
        mapMarker.appearAnimation = kGMSMarkerAnimationPop

        //Display the mapMarker on the mapView.
        mapMarker.map = mapView

        drawCircle(coordinate)

        }

func drawCircle(position: CLLocationCoordinate2D) {

    //var latitude = position.latitude
    //var longitude = position.longitude
    //var circleCenter = CLLocationCoordinate2DMake(latitude, longitude)
    var circle = GMSCircle(position: position, radius: 3000)
    circle.strokeColor = UIColor.blueColor()
    circle.fillColor = UIColor(red: 0, green: 0, blue: 0.35, alpha: 0.05)
    circle.map = mapView

}

不可否认,这是我的第一个iOS / Swift应用程序。我想如果我将坐标从didLongPressAtCoordinate传递给drawCircle()函数,但显然我做错了。我一整天都在寻求帮助,但只提供Android和Google Maps API v3的内容。谢谢!

修改 我的代码确实有效,但半径不会缩放,图标显示在图标上方。当我放大地图时,我能够看到半径。有三个问题:

  1. 图标不会根据地图的缩放级别进行缩放。
  2. 半径不会根据地图的缩放级别进行缩放。
  3. 如果更新标记位置,则半径不随其移动。而是绘制一个新的半径...所以地图上有两个半径。

2 个答案:

答案 0 :(得分:8)

这是在英里指定半径上绘制圆圈的快速代码

let circleCenter : CLLocationCoordinate2D  = CLLocationCoordinate2DMake(centerLattitude, centerLongitude);
let circ = GMSCircle(position: circleCenter, radius: distanceInMile * 1609.34)
circ.fillColor = UIColor(red: 0.0, green: 0.7, blue: 0, alpha: 0.1)
circ.strokeColor = UIColor(red: 255/255, green: 153/255, blue: 51/255, alpha: 0.5)
circ.strokeWidth = 2.5;
circ.map = self.googleMapView;

答案 1 :(得分:2)

这是三个单独的问题,但无论如何:

1

无论地图比例如何,GMSMarker始终以相同的大小(以像素为单位)绘制。对于随地图缩放的图像,请查看GMSGroundOverlay

2

您已将半径定义为3000米,因此它应始终为以米为单位的大小,因此会按照地图的比例进行缩放。或者你想要它是一个固定的像素大小,所以当你缩小时,以米为单位变大?

3

您需要将圈子存储为成员(就像使用标记一样),并在每次移动时更新其位置,而不是始终创建新圈子。