нарисовать круг в Google Map статические API - PullRequest
0 голосов
/ 13 февраля 2019

Я занимаюсь разработкой приложения с использованием статического API-интерфейса карты в Android

. Это бизнес-логика, получите запрос местоположения пользователя от Google static API-интерфейса с этим местоположением и обведите вокруг этого местоположения

это код, который я использую

https://maps.googleapis.com/maps/api/staticmap?center=29.31166,47.481766&zoom=7&size=600x300&maptype=roadmap&key=My Key

проблема теперь, как нарисовать круг вокруг него, я искал, и я обнаружил, что это сделано с использованием пути, но не мог понять, как получить этот путь

Ответы [ 2 ]

0 голосов
/ 14 февраля 2019

Вам нужно просто нарисовать путь, как в Руководстве для разработчиков :

http://maps.googleapis.com/maps/api/staticmap?center=29.31166,47.48177&zoom=7&size=600x300&path=color:0x0000FFFF|weight:3|fillcolor:0x0000FF77|<FIRST_POINT_LAT>,<FIRST_POINT_LNG>|<SECOND_POINT_LAT>,<SECOND_POINT_LNG>|...|<LAST_POINT_LAT>,<LAST_POINT_LNG>&key=<YOUR_API_KEY>

, где <FIRST_POINT_LAT>,<FIRST_POINT_LNG>|<SECOND_POINT_LAT>,<SECOND_POINT_LNG>|...|<LAST_POINT_LAT>,<LAST_POINT_LNG> - это координаты пути вашего круга.Для его расчета вы можете использовать такой метод:

private List<LatLng> getCirclePoints(LatLng center, double radius) {
    List<LatLng> circlePoints = new ArrayList<>();

    // convert center coordinates to radians
    double lat_rad = Math.toRadians(center.latitude);
    double lon_rad = Math.toRadians(center.longitude);
    double dist = radius / 6378137;

    // calculate circle path point for each 5 degrees
    for (int deg = 0; deg < 360; deg += 5) {
        double rad = Math.toRadians(deg);

        // calculate coordinates of next circle path point
        double new_lat = Math.asin(Math.sin(lat_rad) * Math.cos(dist) + Math.cos(lat_rad) * Math.sin(dist) * Math.cos(rad));
        double new_lon = lon_rad + Math.atan2(Math.sin(rad) * Math.sin(dist) * Math.cos(lat_rad), Math.cos(dist)
                - Math.sin(lat_rad) * Math.sin(new_lat));

        // convert new lat and lon to degrees
        double new_lat_deg = Math.toDegrees(new_lat);
        double new_lon_deg = Math.toDegrees(new_lon);

        circlePoints.add(new LatLng(new_lat_deg, new_lon_deg));
    }

    return circlePoints;
}

И вы можете отформатировать URL-адрес API-интерфейса Static Maps с такими точками следующим образом:

private String buildStaticApiUrlWithCircle(LatLng mapCenter, int zoom, int width, int height,
                                           LatLng circleCenter, double circleRadius, int pathWeight, String pathColor, String fillColor) {

    List<LatLng> circlePoints =getCirclePoints(circleCenter, circleRadius);

    StringBuilder url = new StringBuilder();
    url.append("http://maps.googleapis.com/maps/api/staticmap?");
    url.append(String.format("center=%8.5f,%8.5f", mapCenter.latitude, mapCenter.longitude));
    url.append(String.format("&zoom=%d", zoom));
    url.append(String.format("&size=%dx%d", width, height));

    // set circle path properties
    url.append(String.format("&path="));
    url.append(String.format("color:%s", pathColor));
    url.append(String.format("|weight:%d", pathWeight));
    url.append(String.format("|fillcolor:%s", fillColor));

    // add circle path points
    for (LatLng point : circlePoints) {
        url.append(String.format("|%8.5f,%8.5f", point.latitude, point.longitude));
    }

    // add API key to URL
    url.append(String.format("&key=%s", <YOUR_API_KEY>)));
    return url.toString();
}

Должен быть задан цвет круга и цвета заливкив формате String в формате "0xRRGGBBAA", где RR - значение красного канала, GG - значение зеленого канала, BB - значение синего канала и AA - значение альфа-канала (например, "0x0000FFFF" - чистый синий без прозрачности, "0xFF000077" - чистый красный, 50% прозрачность и т. д.)

При использовании buildStaticApiUrlWithCircle() таким образом:

...
int mapZoom = 7;
int mapWidth = 600;
int mapHeight = 300;
LatLng mapCenter = new LatLng(29.31166, 47.481766);

LatLng circleCenter = new LatLng(29.376297, 47.976379);
double circleRadiusMerers = 35000;
String circlePathColor = "0x0000FFFF";
String circleFillColor = "0x0000FF99";

String mapUrl = buildStaticApiUrlWithCircle(mapCenter, mapZoom, mapWidth, mapHeight,
                                            circleCenter, circleRadiusMerers, 3, circlePathColor, circleFillColor);

try {
    Bitmap mapBitmap = new GetStaticMapAsyncTask().execute(mapUrl).get();
    mMapImageView.setImageBitmap(mapBitmap);
} catch (InterruptedException e) {
    e.printStackTrace();
} catch (ExecutionException e) {
    e.printStackTrace();
}
...

где GetStaticMapAsyncTaskэто:

private class GetStaticMapAsyncTask extends AsyncTask<String, Void, Bitmap> {

    protected void onPreExecute() {
        super.onPreExecute();
    }

    protected Bitmap doInBackground(String... params) {

        Bitmap bitmap = null;
        HttpURLConnection connection = null;

        try {
            URL url = new URL(params[0]);
            connection = (HttpURLConnection) url.openConnection();
            connection.setRequestMethod("GET");
            connection.connect();

            int responseCode = connection.getResponseCode();

            InputStream stream = connection.getInputStream();
            bitmap = BitmapFactory.decodeStream(stream);
        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            if (connection != null) {
                connection.disconnect();
            }
        }

        return bitmap;
    }

    @Override
    protected void onPostExecute(Bitmap result) {
        super.onPostExecute(result);

    }
}

вы получите что-то вроде этого:

Static map with circle path

Также вы можете использовать Google MapsLite Mode вместо Static Map API (Lite Mode поддерживает рисование кругов).Или даже, если вам нужно нарисовать круг точно в центре карты - прямое рисование на растровом холсте.Например, вы можете изменить doInBackground() из GetStaticMapAsyncTask следующим образом:

protected Bitmap doInBackground(String... params) {

    Bitmap bitmap = null;
    HttpURLConnection connection = null;

    try {
        URL url = new URL(params[0]);
        connection = (HttpURLConnection) url.openConnection();
        connection.setRequestMethod("GET");
        connection.connect();

        int responseCode = connection.getResponseCode();
        InputStream stream = connection.getInputStream();
        Bitmap mapBitmap = BitmapFactory.decodeStream(stream);

        Paint locaionMarkerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        locaionMarkerPaint.setColor(Color.BLUE);

        bitmap = Bitmap.createBitmap(mapBitmap.getWidth(), mapBitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        canvas.drawBitmap(mapBitmap,0,0, null);
        canvas.drawCircle(mapBitmap.getWidth()/ 2, mapBitmap.getHeight() / 2, 20, locaionMarkerPaint);

    } catch (MalformedURLException e) {
        e.printStackTrace();
    } catch (IOException e) {
        e.printStackTrace();
    } finally {
        if (connection != null) {
            connection.disconnect();
        }
    }

    return bitmap;
}
0 голосов
/ 13 февраля 2019

если я правильно вас понимаю, вам нужно добавить это только в метод onMapReady ()

Circle circle = map.addCircle(new CircleOptions()
     .center(new LatLng(latitude, longitude))
     .radius(10000)
     .strokeColor(Color.RED)
     .fillColor(Color.BLUE));

где map в Googlemap Class

...