13

我需要在 GMSMapView 上显示一个圆圈(与 MKCircle 一样)。这在使用 MKMapView 和 MKCircle 时很容易,但不能将 MKCircle 与 GMSMapView 一起使用。有任何想法吗?

更新:
这是当前(18.03.2013)选项:
1. 包含圆形图像的地面标记。
2. 一个由几段组成的圆(折线)。

编辑:
3. 谷歌添加了 GMSCircle (23.04.2013)

 GMSGroundOverlayOptions *overlayOptions = [GMSGroundOverlayOptions options];
    overlayOptions.icon = [UIImage imageNamed:@"circle"];
    overlayOptions.position = touchMapCoordinate;
    overlayOptions.bearing = 0;
    overlayOptions.zoomLevel = 14.3;
 [mapView addGroundOverlayWithOptions:overlayOptions];

对于 40x40 像素的圆形图像,它看起来不错。(半径约为 100 m)

小分段路径解决方案:

    GMSPolylineOptions *circle = [GMSPolylineOptions options];
    CGPoint touchPoint = [mapView.projection pointForCoordinate:touchMapCoordinate];
    GMSMutablePath *path = [GMSMutablePath path];

    CGPoint circlePoint;

    for (int i = 0; i < 360; i++)
    { 
        circlePoint.x = touchPoint.x + radius * cos(i*M_PI/180);
        circlePoint.y = touchPoint.y + radius * sin(i*M_PI/180);

        CLLocationCoordinate2D aux = [mapView.projection coordinateForPoint:circlePoint];
        [path addCoordinate:aux];
    }

    circle.path = path;
    circle.width = 1;

    [mapView addPolylineWithOptions:circle];

编辑:08.05.2013

GMSCircle 解决方案:

     CLLocationCoordinate2D circleCenter = CLLocationCoordinate2DMake(latitude, longitude);
     GMSCircle *circ = [GMSCircle circleWithPosition:circleCenter
                                     radius:1000];

     circ.fillColor = [UIColor blueColor];
     circ.strokeColor = [UIColor redColor];
     circ.strokeWidth = 5;
     circ.map = mapView;
4

3 回答 3

12

因为这个问题已经有一年多了,所以有点晚了,但是谷歌搜索把我带到了这里,所以我想我会更新这个。后人4TW!

GMSCircle据我所知,现在有一个可以做的事情,几乎可以做任何事情MKCircle
Google 关于 GMSCircle 的文档

// Build a circle for the GMSMapView
GMSCircle *geoFenceCircle = [[GMSCircle alloc] init];
geoFenceCircle.radius = 130; // Meters
geoFenceCircle.position = SOME_CLLOCATION.coordinate; // Some CLLocationCoordinate2D position
geoFenceCircle.fillColor = [UIColor colorWithWhite:0.7 alpha:0.5];
geoFenceCircle.strokeWidth = 3;
geoFenceCircle.strokeColor = [UIColor orangeColor];
geoFenceCircle.map = mapView; // Add it to the map.

//更新 Swift 5.3 的代码

 let circle = GMSCircle(position: position, radius:10)
 circle.fillColor = .clear
 circle.strokeWidth = 3
 circle.strokeColor = .black
 circle.map = mapView

它的行为与 MKCircle(覆盖)非常相似,因为它会根据地图的缩放级别等调整大小。请忽略中心的蓝色圆圈;那是地图视图上显示的用户位置,我只是将相同的坐标用于 GMSCircle 的中心点。

超级容易。查看图片:

一种缩放级别: 在此处输入图像描述

在这里,我们缩小了一点: 在此处输入图像描述

于 2014-07-30T21:41:20.407 回答
1

目前SDK不支持圈子,但是这里有一个添加圈子的功能请求:

https://code.google.com/p/gmaps-api-issues/issues/detail?id=4971

同时,您可以通过绘制一条多段线来伪造一个圆圈,并带有几个短线段?

于 2013-03-15T23:36:20.137 回答
0
func mapView(_ mapView: GMSMapView, didChange position: GMSCameraPosition) {
    // Make sure cicle is a GMSCircle Object  and it is a class variable
    circle.map = nil

    let point = mapView.center
    circle.position = mapView.projection.coordinate(for: point)
    circle.radius = 130.0
    circle.fillColor = .clear
    circle.strokeColor = .black
    circle.strokeWidth = 3.4
    circle.map = mapView
}
于 2018-05-26T17:39:10.870 回答