0

私のアプリケーションは、JSON を使用してパス/方向を指定できます。JSONで指定されたパスで異なる色に変更するにはどうすればよいですか?

たとえば、フォーム ポイント A からポイント B は赤、B から C は黄色、C から D は緑などです。

コードは次のとおりです。

JSON でポイントを取得します。

    private void parsing(GeoPoint start, GeoPoint end) throws ClientProtocolException, IOException, JSONException, URISyntaxException{
    HttpClient httpclient = new DefaultHttpClient();
    StringBuilder urlstring = new StringBuilder();
    urlstring.append("https://maps.googleapis.com/maps/api/directions/json?origin=")
    .append(Double.toString((double)start.getLatitudeE6()/1E6)).append(",").append(Double.toString((double)start.getLongitudeE6()/1E6)).append("&destination=")
    .append(Double.toString((double)end.getLatitudeE6()/1E6)).append(",").append(Double.toString((double)end.getLongitudeE6()/1E6))
    .append("&sensor=false");
    //urlstring.append("http://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&sensor=true");
    url = new URI(urlstring.toString());

    HttpPost httppost = new HttpPost(url);

    HttpResponse response = httpclient.execute(httppost);
    HttpEntity entity = response.getEntity();
    InputStream is = null;
    is = entity.getContent();
    BufferedReader reader = new BufferedReader(new InputStreamReader(is, "iso-8859-1"), 8);
    StringBuilder sb = new StringBuilder();
    sb.append(reader.readLine() + "\n");
    String line = "0";
    while ((line = reader.readLine()) != null) {
        sb.append(line + "\n");
    }
    is.close();
    reader.close();
    String result = sb.toString();
    JSONObject jsonObject = new JSONObject(result);
    JSONArray routeArray = jsonObject.getJSONArray("routes");
    JSONObject routes = routeArray.getJSONObject(0);
    JSONObject overviewPolylines = routes.getJSONObject("overview_polyline");
    String encodedString = overviewPolylines.getString("points");
    List<GeoPoint> pointToDraw = decodePoly(encodedString);

    //Added line:
    mv_mapview.getOverlays().add(new RoutePathOverlay(pointToDraw));
}

JSON で指定されたジオポイントのリスト。

    private List<GeoPoint> decodePoly(String encoded) {

    List<GeoPoint> poly = new ArrayList<GeoPoint>();
    int index = 0, len = encoded.length();
    int lat = 0, lng = 0;

    while (index < len) {
        int b, shift = 0, result = 0;
        do {
            b = encoded.charAt(index++) - 63;
            result |= (b & 0x1f) << shift;
            shift += 5;
        } while (b >= 0x20);
        int dlat = ((result & 1) != 0 ? ~(result >> 1) : (result >> 1));
        lat += dlat;

        shift = 0;
        result = 0;
        do {
            b = encoded.charAt(index++) - 63;
            result |= (b & 0x1f) << shift;
            shift += 5;
        } while (b >= 0x20);
        int dlng = ((result & 1) != 0 ? ~(result >> 1) : (result >> 1));
        lng += dlng;



        GeoPoint p = new GeoPoint((int) (((double) lat / 1E5) * 1E6), (int) (((double) lng / 1E5) * 1E6));

        //n = new Node(p,);

        poly.add(p);


    }

    return poly;
}

およびオーバーレイクラス

    public class RoutePathOverlay extends Overlay {

private int _pathColor;
private final List<GeoPoint> _points;
private boolean _drawStartEnd;

public RoutePathOverlay(List<GeoPoint> points) {


    this(points, Color.GREEN, true);
}


public RoutePathOverlay(List<GeoPoint> points, int pathColor, boolean drawStartEnd) {
        _points = points;
        _pathColor = pathColor;
        _drawStartEnd = drawStartEnd;
}


private void drawOval(Canvas canvas, Paint paint, Point point) {
        Paint ovalPaint = new Paint(paint);
        ovalPaint.setStyle(Paint.Style.FILL_AND_STROKE);
        ovalPaint.setStrokeWidth(2);
        int _radius = 6;
        RectF oval = new RectF(point.x - _radius, point.y - _radius, point.x + _radius, point.y + _radius);
        canvas.drawOval(oval, ovalPaint);               
}

public boolean draw(Canvas canvas, MapView mapView, boolean shadow, long when) {
        Projection projection = mapView.getProjection();
        if (shadow == false && _points != null) {
                Point startPoint = null, endPoint = null;
                Path path = new Path();
                //We are creating the path
                for (int i = 0; i < _points.size(); i++) {
                        GeoPoint gPointA = _points.get(i);
                        Point pointA = new Point();
                        projection.toPixels(gPointA, pointA);
                       //if() 
                        if (i == 0) { //This is the start point
                                startPoint = pointA;
                                path.moveTo(pointA.x, pointA.y);
                        } else {
                                if (i == _points.size() - 1)//This is the end point
                                        endPoint = pointA;
                                path.lineTo(pointA.x, pointA.y);
                        }
                }

                Paint paint = new Paint();
                paint.setAntiAlias(true);
               // if(){
                paint.setColor(_pathColor);
               //}
                paint.setStyle(Paint.Style.STROKE);
                paint.setStrokeWidth(5);
                paint.setAlpha(90);
                if (getDrawStartEnd()) {
                        if (startPoint != null) {
                                drawOval(canvas, paint, startPoint);
                        }
                        if (endPoint != null) {
                                drawOval(canvas, paint, endPoint);
                        }
                }
                if (!path.isEmpty())
                        canvas.drawPath(path, paint);
        }
        return super.draw(canvas, mapView, shadow, when);
}

public boolean getDrawStartEnd() {
        return _drawStartEnd;
}

public void setDrawStartEnd(boolean markStartEnd) {
        _drawStartEnd = markStartEnd;
}

}

4

1 に答える 1

0

デコードのみを行っていoverview_polylineます。

旅行の各部分 (steps応答 JSON の配列) は次のように定義されます。

{
    distance: {
        text: "89 m",
        value: 89
    },
    duration: {
        text: "1 min",
        value: 8
    },
    end_location: {
        lat: 45.51101000000001,
        lng: -73.5545
    },
    html_instructions: "Enter <b>Rue Saint Antoine E</b>",
    polyline: {
        points: "cvwtG~d}_MaBs@s@W"
    },
    start_location: {
        lat: 45.51026,
        lng: -73.55488000000001
    },
    travel_mode: "DRIVING"
},

ご覧のとおり、各ステップにポリラインがあります。単一のステップをデコードして配列に保存し、各セクションを視覚化してみましたか (旅行の各部分に異なる色を使用)。これにより、旅行の「セクター」の解決策が得られますが、これは良い出発点になる可能性があります.

または、セクションごとに配列を生成しようとすることもできoverview_polylineます (ポイントで定義されているため、単一の線を作成できます。ポリラインが A、B、C、および D を通過する場合、AB BC CD の 3 つのセグメントを定義できます)。

私はこの方法で Maps API を使用したことがないため (旅行の ETA を取得するために使用しました)、これ (多くのピースを含むオーバーレイを生成して視覚化する) がパフォーマンスにどの程度影響するかはわかりません。推測:D

于 2012-11-22T08:47:55.477 に答える