BB10 Believe Mudah Buat Aplikasi di BlackBerry10

Tambah Pintar dan Tambah Penghasilan denganmenjadi Android Developer

Android Draw Line On GoogleMap(Android Menggambar garis padaGoogleMap)Android Draw Line On GoogleMap (Android Menggambar garis pada GoogleMap).Beberapa waktu yang lalu ada pembaca yang menanyakan kepada saya, ingin membuat aplikasi jalur angkot.Apakah dimungkinkan untuk menggambar garis yang bukan direction (otomatis dibuat oleh google). Sebetulnyakalau kita mencari jawabannya digoogle itu dapat kita dapatkan. Tapi syaratnya keywordnya gunakan bahasainggris. Oke langsung saja pada kesempatan ini kita akan membuat project yang goalnya adalah MenggambarGaris pada GoggleMap (Draw Line in GoogleMap Android).

Mari kita ikuti langkah-langkanya

Buka Eclipse lalu buat New Android Project, isi parameternya dengan dibawah ini1.

Application Name DrawLineMap

Project Name DrawLineMapPackage Name com.agus.haryanto.net.draw.linemap

Activity Name DrawLineMapActivity

Layout Name main

2. Edit File main.xml

01 02 05 06

note: android:apiKey harus diganti dengan key map yang kita dapatkan dari google. caranya ada pada tutorialmap yang awal.3. Edit AndroidManifest.xml lalu ketikkan kode berikut

4. Edit class DrawLineMapActivity.java lalu ketikan kode berikut

11 android:clickable="true"12 android:apiKey="0bvY2ipiUvzSKVO0TO4N8iIeWp4oSfPY7TcUUTQ"13 />14 15 21 22

01 02 06 07 08 09 12 13 16 17 18 19 20 21 22 23 24

01 package com.agus.haryanto.net.draw.linemap;02 03 import java.util.ArrayList;04 import java.util.List;05 06 import android.graphics.Canvas;07 import android.graphics.Color;08 import android.graphics.Paint;09 import android.graphics.Path;10 import android.graphics.Point;11 import android.os.Bundle;12 13 import com.google.android.maps.GeoPoint;14 import com.google.android.maps.MapActivity;15 import com.google.android.maps.MapView;16 import com.google.android.maps.Overlay;17 import com.google.android.maps.Projection;18 19 public class DrawLineMapActivity extends MapActivity {20 private List mapOverlays;21

Android Draw Line On GoogleMap, Android Menggambar garis pada... http://agusharyanto.net/wordpress/?p=792

2 dari 7 8/3/2015 12:39 AM

22 private Projection projection;23 private MapView mapView = null;24 25 @Override26 public void onCreate(Bundle savedInstanceState) {27 super.onCreate(savedInstanceState);28 setContentView(R.layout.main);29 30 mapView = (MapView) findViewById(R.id.mapview);31 mapView.setBuiltInZoomControls(true);32 mapView.getController().setZoom(13);33 GeoPoint gP1 =new GeoPoint((int) (-6.144651 * 1E6), (int) (106.728058 *

1E6));34 mapView.getController().animateTo(gP1);35 // overlay which may be displayed on top of a map36 mapOverlays = mapView.getOverlays();37 //translate between the coordinate system of x/y on-screen pixel

coordinates38 //and that of latitude/longitude points on the surface of the earth39 projection = mapView.getProjection();40 mapView.postInvalidate();41 mapOverlays.add(new MyOverlay());42 43 }44 45 @Override46 protected boolean isRouteDisplayed() {47 return false;48 }49 50 class MyOverlay extends Overlay{51 52 public MyOverlay(){53 54 }55 private List points = new ArrayList();56 public void draw(Canvas canvas, MapView mapv, boolean shadow){57 super.draw(canvas, mapv, shadow);58 59 Paint mPaint = new Paint();60 mPaint.setDither(true);61 mPaint.setColor(Color.RED);62 mPaint.setStyle(Paint.Style.FILL_AND_STROKE);63 mPaint.setStrokeJoin(Paint.Join.ROUND);64 mPaint.setStrokeCap(Paint.Cap.ROUND);65 mPaint.setStrokeWidth(2);66 67 GeoPoint gP1 =new GeoPoint((int) (-6.144651 * 1E6), (int) (106.728058

* 1E6));68 GeoPoint gP2 =new GeoPoint((int) (-6.174689 * 1E6), (int) (106.732178

* 1E6));69 GeoPoint gP3 =new GeoPoint((int) (-6.178785 * 1E6), (int) (106.747284

* 1E6));70 GeoPoint gP4 =new GeoPoint((int) (-6.161718 * 1E6), (int) (106.775436

* 1E6));71 points.clear();72 points.add(gP1);73 points.add(gP2);74 points.add(gP3);75 points.add(gP4);76 Point p1 = new Point();77 Point p2 = new Point();78 Path path = new Path();79 80 for (int i=0;i < points.size()-1; i++){81 projection.toPixels(points.get(i), p1);82 projection.toPixels(points.get(i+1), p2);83 path.moveTo(p2.x, p2.y);

Android Draw Line On GoogleMap, Android Menggambar garis pada... http://agusharyanto.net/wordpress/?p=792

3 dari 7 8/3/2015 12:39 AM

5. Saatnya kita Run Programnya, jika sudah benar semua maka tampilannya akan terlihat seperti dibawah ini

Untuk Penjelasan Singkat Kodenya bisa dilihat di

84 path.lineTo(p1.x,p1.y);85 }86 canvas.drawPath(path, mPaint);87 88 }89 }90 }

Android Draw Line On GoogleMap, Android Menggambar garis pada... http://agusharyanto.net/wordpress/?p=792

4 dari 7 8/3/2015 12:39 AM

Semoga Bermanfaat

Salam Hangat Android Developer

Agus Haryanto

Android Trainer & Seminar Speaker

February 4th, 2013 | Tags: android googlemap, direction, draw line map, gambar garis, garis googlemap, jalur, jalur padagooglemap, menggambar garis googlemap | Category: AndroidLayanan agusharyanto.net

Les dan Private AndroidJasa KonsultasiSyabus Kursus Android

16 comments to Android Draw Line On GoogleMap (Android Menggambar garis padaGoogleMap)

iqbalFebruary 8th, 2013 at 8:30 am

mau bertanya mas agus , berarti kalau untuk membuat rute angkot berarti harus detail cara

41 people like this. Sign Up to see what your friends like.LikeLike ShareShare

Android Draw Line On GoogleMap, Android Menggambar garis pada... http://agusharyanto.net/wordpress/?p=792

5 dari 7 8/3/2015 12:39 AM

membuat garisnya dong?

iqbalFebruary 9th, 2013 at 3:05 pm

up up

ariefspektaFebruary 9th, 2013 at 5:26 pm

Keren mas..Saya juga lagi membuat project untuk rute angkot. Tapi masalahnya kalau buat garis sendiri, ada

kendala ketika jalannya nggak lurus (berbentuk lengkungan).

Agus HaryantoFebruary 10th, 2013 at 2:24 am

@iqbal, Betul harus detail. Jadi Iqbal harus puanya titik yang dilewati angkot tersebut.@ariespekta, titik untuk garisnya kan kita yang menentukan, jadi harusnya nggak masalah

iqbalFebruary 10th, 2013 at 5:10 am

thanks mas

dedi gunaFebruary 11th, 2013 at 8:13 am

mas agus,,kalo misalnya kta menerapkan algoritma heuristik untuk pencarian rute terdekat,,

misalnya dijkstra,jadi kodingannya gimana ya mas ?udah search2,belom nemu2 di google

andrezaFebruary 11th, 2013 at 2:23 pm

mas agus mau nanya dong, gimana caranya buat stopwacth?

LianFebruary 14th, 2013 at 8:32 am

mas kalau titik koordinat latitude/longitude ngambil dari database SQLite bagaimana ya??

Martin StevannoFebruary 27th, 2013 at 6:03 am

Request donk.. Bahas cara Parsing layout android dari JSON donk.. jadi tampilan layout nyaparsing dr JSOn..

BasribazMarch 27th, 2013 at 1:56 am

Request tutorial google maps api versi 2, thanks

Android Draw Line On GoogleMap, Android Menggambar garis pada... http://agusharyanto.net/wordpress/?p=792

6 dari 7 8/3/2015 12:39 AM

JaohanJuly 10th, 2013 at 10:34 am

Mas saya mau tanya, ini Google map v1 apa v2?

Agus HaryantoJuly 10th, 2013 at 4:47 pm

@Jaohan, V1

JaohanJuly 12th, 2013 at 4:06 pm

kalo buat Draw Line di map v2 codingannya sama aja mas?

Indra AgustianJuly 15th, 2013 at 11:12 am

mau tanya mas klo mencari rute dengan menghubungkan rute tertentu bagaimana ya?

misal saya dari A mau ke E hasil pencarian rute yaitu A-C-D-E nah itu bagaimana ya mas?

HermawanDecember 15th, 2013 at 6:24 am

Mas agus,bagaimana pengaplikasian pencarian jalur terpendek mnggunakan metode kolonisemut?

minta contoh source mas.kirim ke email

thx

yudhiAugust 29th, 2014 at 5:42 pm

mas klo misal long&lat di akses dari database gimana ya ?

Android Draw Line On GoogleMap, Android Menggambar garis pada... http://agusharyanto.net/wordpress/?p=792

7 dari 7 8/3/2015 12:39 AM